表格单元格自动调整大小而不设置宽度

时间:2017-06-20 08:11:25

标签: html css

我想在表格中设置自动调整td。但我不想设置任何宽度。表是否可能“知道”有3个td,每个人应该有33%的宽度?

<table>
    <tr>
      <td>width: 33%;</td>
      <td>width: 33%;</td>
      <td>width: 33%;</td>
    </tr>
</table>

2 个答案:

答案 0 :(得分:2)

使用table-layout:fixed;属性

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

答案 1 :(得分:2)

使用table-layout:fixed;width:100%;table

table{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse
}
<table border="1">
    <tr>
      <td>width: 33%;</td>
      <td>width: 33%;</td>
      <td>width: 33%;</td>
    </tr>
</table>