關於 控件的對齊方法

定義和用法

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 
           ; 
           
     
           } 
             
          

 

切個效果圖看看: