首页 > 代码库 > 关于<asp:checkBoxList>控件的对齐方法
关于<asp:checkBoxList>控件的对齐方法
定义和用法
TextAlign 属性用于获取或设置 CheckBoxList 项目的文本的文本对齐方式。
语法
<asp:CheckBoxList TextAlign="align" runat="server">some content</asp:CheckBoxList>
属性 | 描述 |
---|---|
align | 为列表项目规定文本的对齐方式。 可能的值:
|
实例
下面的例子把 CheckBoxList 控件中的 TextAlign 属性设置为 "Left":
<form runat="server">
<asp:CheckBoxList id="rb1" runat="server" TextAlign="Left">
Some content
</asp:CheckBoxList>
</form>
<asp:CheckBoxList id="rb1" runat="server" TextAlign="Left">
Some content
</asp:CheckBoxList>
</form>
想纵向对齐,据说是没有绝对的方法,都说ie8里可以对齐的到ie6里就惨不忍赌了.
本人经过多方测试,找到纵向对齐的方法,好像都可以对齐.微软好像是没跟你想这么多,只能用css控制了.
.input_middle input
{
vertical-align:middle;
}
{
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;
}
width:100px;
}
.cb label{
display:inline-block;
width:80px;
}
切个效果图看看:
关于<asp:checkBoxList>控件的对齐方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。