CheckBoxList項目對齊

我知道這是一個相當簡單的問題，但我似乎無法正確對齊我的複選框列表。CheckBoxList項目對齊

我想要複選框左側的標籤，但仍然有複選框對齊（請參閱下面的示例）。嘗試TextAlign =「左」，但這使複選框列表項按文本對齊，而不是複選框。

 Item 1 [ ] 
     Another Item [ ] 
     Yet Another Item [ ] 
     Last Item [ ]

標記：

<tr align="right" valign="top"> 
    <td align="right"><asp:CheckBoxList ID="Item1" runat="server" enabled="false" CellPadding="0" CellSpacing="0" style="font-size: x-small;" TextAlign="Left"/> 
    </td> 
    <td align="right"><asp:CheckBoxList ID="Another Item" runat="server" enabled="false" CellPadding="0" CellSpacing="0" style="font-size: x-small" /> 
    </td> 
    </tr>

我想結果如下所示：

我使用右對齊在我的表目前的結果與下面的代碼看起來像下面還試圖

  Item 1 [ ] 
     Another Item [ ] 
    Yet Another Item [ ]

任何幫助將不勝感激！

來源

2012-08-30 Sc0rpio

只是一般性評論...你會受益匪淺（以多種方式） CSS]（http://en.wikipedia.org/wiki/Css），而不是當前用於樣式的HTML和ASP.NET屬性的混合。 –

也只是一般性評論... ID必須是一個單詞。它不佔用空間 –

您在標記中顯示「CheckBoxList」元素，儘管看起來您只需要單個「CheckBox」元素。這是一個錯字嗎？否則，您需要首先查看您的樣式問題，因爲「CheckBoxList」實際上會呈現出「

」內的「」和「」元素的html標記。 –

回答

你可以使用這樣的CheckBoxList的：使用

<div style="text-align: right"> 
     <asp:CheckBoxList TextAlign="Left" runat="server" > 
      <asp:ListItem Text = "foo" /> 
      <asp:ListItem Text = "bar" /> 
     </asp:CheckBoxList> 
    </div>

來源

2012-08-31 16:43:04 unnknown

您的意思是這樣的？

<ul style="text-align:right; width:200px;"> 
    <li>Item 1 <input type="checkbox" value="Item1" name="group" /></li> 
    <li>Another Item <input type="checkbox" value="Item2" name="group" /></li> 
    <li>And another one <input type="checkbox" value="Item3" name="group" /></li> 
</ul>

這裏是jsfiddle

來源

2012-08-30 18:40:51

相關問題