CheckBoxList 行高控制

<div class="PersonInfo05">
                    <asp:CheckBoxList ID="CBconfig" RepeatDirection="Horizontal" RepeatColumns="5" runat="server">
                        <asp:ListItem>安全气囊</asp:ListItem><asp:ListItem>车内中控锁</asp:ListItem><asp:ListItem>遥控钥匙</asp:ListItem><asp:ListItem>无钥匙启动</asp:ListItem><asp:ListItem>发动机电子防盗</asp:ListItem>
                        <asp:ListItem>电动天窗</asp:ListItem><asp:ListItem>全景天窗</asp:ListItem><asp:ListItem>电动车窗</asp:ListItem><asp:ListItem>电动后视镜</asp:ListItem><asp:ListItem>后视镜电动折叠</asp:ListItem>
                        <asp:ListItem>后视镜加热</asp:ListItem><asp:ListItem>行车电脑</asp:ListItem><asp:ListItem>TV/DVD</asp:ListItem><asp:ListItem>多功能方向盘</asp:ListItem><asp:ListItem>助力转向</asp:ListItem>
                        <asp:ListItem>真皮座椅</asp:ListItem><asp:ListItem>座椅电动调节</asp:ListItem><asp:ListItem>座椅加热</asp:ListItem><asp:ListItem>自动空调</asp:ListItem><asp:ListItem>手动空调</asp:ListItem>
                        <asp:ListItem>倒车雷达</asp:ListItem><asp:ListItem>前后盘式刹车</asp:ListItem><asp:ListItem>铝合金轮毂</asp:ListItem><asp:ListItem>ABS</asp:ListItem><asp:ListItem>EPS</asp:ListItem>
                    </asp:CheckBoxList>
                </div>

 

在opera和ff中 CheckBoxList 的高度可以由 css PersonInfo05来控制

.PersonInfo05{width:570px;height:120px;float:left;text-align:left; line-height:20px;}

其中的 line-height可以控制 CheckBoxList 的高度

 

因为CheckBoxList 反映到客户端为table 所以可以在css里这样设定

<table id="CheckBoxList " border="0">
        <tr>
            <td>
                <input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="大一" /><label
                    for="RadioButtonList1_0">大一</label>
            </td>
            <td>
                <input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="大二" /><label
                    for="RadioButtonList1_1">大二</label>
            </td>
         </tr>
    </table>

<style type="text/css">
#CBconfig tr td { padding:.5em; margin:.3em }
</style>