Question

我有一个表格，表示数据库中的数据，我希望左边有复选框，以便用户可以对所选项目进行操作（即删除，修改）。我的问题是，如何将复选框对齐到表格的左侧？

<table border="2">
    <tr>
        <th>A bunch of headers</th>
    </tr>
    <tr>
        <td>A row of items</td>

    </tr>
    A lot more rows
</table>

非常直截了当，我不知道如何继续使用复选框，我试图在桌子周围放一张表格，但这不起作用。

Answer 1

使用CSS对齐它们。

保证金左：100像素; 浮动：左;

Answer 2

您可以添加仅包含复选框的列。使用td元素时，默认情况下它们会左对齐。

但是，复选框应用于提供选择或不选择某些参数的控件，而不是用于触发操作。考虑使用例如行动的button元素。

Answer 3

您可以创建一个“操作”列，您可以将其作为表格中包含复选框的第一列插入。这样，所有复选框都与内容分开，这使得通过javascript更容易进行格式化和操作。

或者，如果您必须为每一行使用表单，则可以执行以下操作：

<td><input type="checkbox" /><span>Data...</span></td>

...但如果你走第二条路线就会失去桌子的力量**＆amp;也可以选择一个div解决方案。

**用于显示表格数据;在有人向我射击桌子与div为布局之前。

如何在html中将复选框对齐到表格的左侧

3 个答案: