html - 两个表格的表格列宽必须相同

Question

有两个宽度为 600px 且各有 5 列的表格。但是，还没有为每一列设置宽度。在这里，我想让两个表中的列宽必须相同。您可以使用 CSS 或 jQuery。而且，我不想手动修复列宽。

HTML 示例:

<table width="600" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>hdng 1</td>
        <td>hdng 2</td>
        <td>hdng 3</td>
        <td>hdng 4</td>
        <td>hdng 5</td>
    </tr>
</table>
<table width="600" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>content content content</td>
        <td>con</td>
        <td>content content content</td>
        <td>content content content</td>
        <td>content content content</td>
    </tr>
</table>

如有任何帮助，我们将不胜感激。

Answer 1

如果您希望所有列的宽度相同，并且您确定每个表格中正好有五列，我建议:

<table style="table-layout:fixed">
<col style="width:20%" span="5" />
<tr><!--stuffs...--></tr>
</table>