關於<asp:checkBoxList>控制項的對齊方法

來源:互聯網
上載者:User

標籤: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":

<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>控制項的對齊方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.