如何在单选按钮列表中使列/项列表大小相同 -

时间:2014-08-27 05:59:26

标签: html css asp.net

我有两个无线电列表控件--5个列表项用于rach无线电列表,“RepeatDirection =”Horizo​​ntal“。问题是我想为itemlist制作相同的大小,以便UI看起来正确。

             <asp:RadioButtonList  
             ID="RadioButtonList1"  
             runat="server"  
             BorderWidth="2"  
             BorderColor="SaddleBrown"  
             BorderStyle="Dotted"  
             Font-Names="Comic Sans MS"  
             ForeColor="Snow"  
             BackColor="OrangeRed"  
             Width="400"                  
             RepeatDirection="Horizontal"
             >  
            <asp:ListItem Text="CornFlowerBlue"></asp:ListItem>  
            <asp:ListItem Text="Pink"></asp:ListItem>  
            <asp:ListItem Text="Orange"></asp:ListItem>  
            <asp:ListItem Text="DarkBlue"></asp:ListItem>  
            <asp:ListItem Text="DarkCyan"></asp:ListItem>  
        </asp:RadioButtonList>  
        <br />  

         <asp:RadioButtonList  
             ID="RadioButtonList2"  
             runat="server"  
             BorderWidth="2"  
             BorderColor="SaddleBrown"  
             BorderStyle="Dotted"  
             Font-Names="Comic Sans MS"  
             ForeColor="Snow"  
             BackColor="OrangeRed"  
             Width="400" 
             RepeatDirection="Horizontal"                 

             >  
            <asp:ListItem Text="Red"></asp:ListItem>  
            <asp:ListItem Text="Pink"></asp:ListItem>  
            <asp:ListItem Text="Orange"></asp:ListItem>  
            <asp:ListItem Text="DarkBlue"></asp:ListItem>  
            <asp:ListItem Text="white"></asp:ListItem>  
        </asp:RadioButtonList>  

1 个答案:

答案 0 :(得分:1)

asp:RadioButtonList在DOM上创建一个表,在这里你可以用CSS

轻松处理

将此代码添加到标题样式标记。

#RadioButtonList2 td,#RadioButtonList1 td {min-width:140px;}