首页 > 代码库 > 关于<asp:checkBoxList>控件的对齐方法

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

定义和用法

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

语法

<asp:CheckBoxList TextAlign="align" runat="server">some content</asp:CheckBoxList>
属性描述
align

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

可能的值:

  • Left
  • Right (default)

实例

下面的例子把 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;
    } 

 

切个效果图看看:

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