1

我知道这是一个相当简单的问题，但我似乎无法正确对齐我的复选框列表。

我想要复选框左侧的标签，但仍然对齐复选框（参见下面的示例）。尝试了 TextAlign="Left"，但这使得复选框列表项与文本对齐，而不是复选框。我还尝试在我的表中使用右对齐下面代码的当前结果如下所示：

       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 [ ]

任何帮助将不胜感激！

4

2 回答 2

3

您可以像这样使用 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-31T16:43:04.930 回答
2

你的意思是这样吗？

<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-30T18:40:51.643 回答