HTML表格对齐

Question

我试图用两个td创建表。但是问题是，如果使用多个td，则TD无法正确对齐。

图片：

这是代码：

<table style="width: 100%; font-family: Arial sans-serif; margin-top: 20px;" border="1">
    <tr style="background-color: #133B6C; padding: 5px; color: white;">
        <td style="float: left;" colspan="2">

            <b>
                <asp:Label ID="Label1" CssClass="lblDetails" runat="server" Text="Comments"></asp:Label>
            </b>

        </td>
    </tr>
    <tr>
       <th>approvers</th>
       <th>approvers</th>
    </tr>
</table>

Answer 1

您已在style="float:left;"中添加了td。删除它，它将起作用。您可以使用style="text-align:left"将文本保留在左侧。

Answer 2

不要float表单元格。它会覆盖display: table-cell，因此不会按常规方式布置元素，并且colspan无效。

Answer 3

添加align =“ justify”代替style =“ float：left;” 这是示例：