zoukankan      html  css  js  c++  java
  • 关于<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;
            80px
    ;
        
    } 

    切个效果图看看:

  • 相关阅读:
    团队项目第二次冲刺Ⅶ
    团队项目第二次冲刺Ⅷ
    随机生成四则运算式2-NEW+PSP项目计划(补充没有真分数的情况)
    第二周的学习进度情况
    最近关于编程学习的一点小体会
    构建之法阅读笔记02
    随机生成四则运算式2
    本周的学习进度情况
    本学期的阅读计划
    随机生成30道四则运算-NEW
  • 原文地址:https://www.cnblogs.com/icycore/p/3115751.html
Copyright © 2011-2022 走看看