关于<asp:checkBoxList>控件的对齐方法

定义和用法

TextAlign 属性用于获取或设置 CheckBoxList 项目的文本的文本对齐方式。

<asp:CheckBoxList TextAlign="align" runat="server">

some content

</asp:CheckBoxList>

属性	描述
align	为列表项目规定文本的对齐方式。可能的值： Left Right (default)

属性

描述

align

为列表项目规定文本的对齐方式。

可能的值：

下面的例子把 CheckBoxList 控件中的 TextAlign 属性设置为 "Left"：


<form runat="server">

<asp:CheckBoxList id="rb1" runat="server" TextAlign="Left">

Some content

</asp:CheckBoxList>

</form>

想纵向对齐,据说是没有绝对的方法,都说ie8里可以对齐的到ie6里就惨不忍赌了.

本人经过多方测试,找到纵向对齐的方法,好像都可以对齐.微软好像是没跟你想这么多,只能用css控制了.

.input_middle input

    {

        vertical-align:middle;

    }

导入进去,基本对齐.

多个checkboxlist(比如用datalist或者reapter生成的)要横向对齐的话,首先可以设置它的属性,

RepeatColumns="5",则每行显示5个.再加上RepeatDirection="Vertical".

要逐个对齐的话,过程我想了很久,最后想通了,每个checkboxlist你设置它每行显示5个,实质上它在网页上输出来,

还是个表格嘛.文字就是label嘛,既然是表格,那我们就可以控制它的td宽度嘛.so,use css,too.


.cb td{

        width:100px;

     } 

.cb label{

        display:inline-block；

        width:80px;

    }

切个效果图看看: