Question

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

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

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

非常感谢任何帮助！

Answer 1

你的意思是这样吗？

<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

Answer 2

您可以像这样使用CheckBoxList：

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

CheckBoxList项目对齐

2 个答案: