码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-11-04 22:32:25      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   ar   for   sp   div   on   log   

定义和用法

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

语法

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

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

可能的值:

  • Left
  • Right (default)

实例

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

bubuko.com,布布扣
<form runat="server">
<asp:CheckBoxList id="rb1" runat="server" TextAlign="Left">

Some content

</asp:CheckBoxList>
</form>
bubuko.com,布布扣

想纵向对齐,据说是没有绝对的方法,都说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.

 

bubuko.com,布布扣
.cb td{
        width:100px;
     } 
.cb label{
        display:inline-block;
        width:80px;
    } 
bubuko.com,布布扣

 

切个效果图看看:

bubuko.com,布布扣

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

标签:blog   http   io   ar   for   sp   div   on   log   

原文地址:http://www.cnblogs.com/jearay/p/4074895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!