1

偏移问题的图像

所以这就是我在没有任何设置的情况下尝试在垂直模式下制作单选按钮列表时得到的，有人可以帮我把所有东西都对齐吗？感觉什么都试过了...

<asp:RadioButtonList ID="selectionbuttonlist" 
                     runat="server" 
                     RepeatDirection="Horizontal"
                     OnDataBound="selectionbuttonlist_DataBound" 
                     AutoPostBack="true" 
                     RepeatLayout="Flow">
    <asp:ListItem Value="All" Selected="True">
        Allt
    </asp:ListItem>
    <asp:ListItem Value="A">
        <img src="../Images/PlanCategoryGeneral.gif" align="absmiddle" />
        Allmänt
    </asp:ListItem>
</RadioButtonList>
4

2 回答 2

2

我用来修复对齐的代码：

  input[type=radio] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
    input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
于 2012-08-08T12:04:12.100 回答
1

更新（起初误解了这个问题，请参阅下面的评论）：

你见过这个SO问题吗？情况并不完全相同，但非常接近。您应该能够通过为您的元素提供一个 CSS 类来做到这一点，然后对其进行样式设置以删除任何边距并将其对齐到例如middle或bottom(like vertical-align:middle)。

如果这不起作用，您可能想尝试垂直对齐到中心，然后在顶部添加一些边距距离，直到元素定位到您想要的位置。

注意：您可能必须使用类型<asp:RadioButton CssClass="YourClass" />来执行此操作；我不太确定它是否会直接在<li>元素上工作。

我之前的回答：

我没有对此进行测试，但以下似乎是合乎逻辑的，并且似乎受到MSDN 文档的支持（将“水平”更改为“垂直”）：

<asp:RadioButtonList ID="selectionbuttonlist" 
                 runat="server" 
                 RepeatDirection="Vertical"
                 OnDataBound="selectionbuttonlist_DataBound" 
                 AutoPostBack="true" 
                 RepeatLayout="Flow">

    (...)
</RadioButtonList>
于 2012-08-03T08:03:38.990 回答