在表格中将td宽度设置为td数字

Question

有没有办法在表格中将td宽度设置为td的数量。 e.g：

• 如果有td，则每个td的宽度为100％
• 如果有2 td，则每个td的宽度为50％
• 如果有3 td，则每个td的宽度为1/3
• 等

有没有办法为这种需求编写CSS规则？

旁注：我无法编辑HTML，它来自其他地方。我只能编辑CSS。

HTML可能如下所示：

<table>
  <tr>
    <td>foo</td>
    <td>bar</td>
    <td>baz<td>
  </tr>
</table>

Answer 1

您可以将table-layout:fixed与width:100% table一起使用。

表格布局：已修复

  

Table and column widths are set by the widths of table and col elements or by the width of the first row of cells

＆＃13;

＆＃13;

table {
  width: 100%;
  table-layout: fixed;
}

td {
  border: 1px solid;
}

＆＃13;

<table>
  <tr>
    <td>foo</td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td>foo</td>
    <td>bar</td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td>foo</td>
    <td>bar</td>
    <td>baztd</td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td>foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo</td>
    <td>bar</td>
    <td>foo</td>
    <td>bar</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;