以百分比表示的 HTML 表格宽度，表格行平均分隔

Question

当我在html中创建表格时，宽度为100%的表格，如果我想将所有单元格(tds)分成等份，是否必须为每个单元格输入宽度%？我“有义务”这样做吗？

例如:

<table cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td width="25%"></td>
      <td width="25%"></td>
      <td width="25%"></td>
      <td width="25%"></td>
   </tr>
</table>

或者以下也可能是正确的程序，如果我希望每个 tds 均等分配宽度，则不要在每个 tds 中写入宽度:

<table cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>

我知道它适用于两种方式，但我只想知道“合法”的方式。

Answer 1

使用属性 table-layout:fixed;在 table 上以获得等间距的单元格。如果一个列设置了宽度，那么不管内容是什么，都是指定的宽度。没有设置宽度的列将在它们之间划分剩余的任何空间。

<table style='table-layout:fixed;'>
    <tbody>
        <tr>
            <td>gobble de gook</td>
            <td>mibs</td>
        </tr>
    </tbody>
</table>

只是把它丢在那里，你也可以使用 <colgroup><col span='#' style='width:#%;'/></colgroup> ，这不需要为每个表数据重复样式或为表提供一个 id 以在样式表中使用。不过，我认为在第一行设置宽度就足够了。