设置表格列宽度常量，而不考虑其单元格中的文本量如何？

一尘不染

设置表格列宽度常量，而不考虑其单元格中的文本量如何？

html

在我的表格中，我将一列中第一个单元格的宽度设置为100px。
但是，如果此列中一个单元格中的文本太长，则该列的宽度大于100px。如何禁用此扩展？

阅读 346

2020-05-10

共1个答案

一尘不染

我玩了一段时间，因为我很难弄清楚。

您需要设置单元格宽度（无论是工作th还是td工作，我都设置了两者）并将设置table- layout为fixed。出于某种原因，如果设置了表格宽度，单元格的宽度似乎也只能保持固定（我认为这很愚蠢，但是whatev）。

此外，设置overflow属性hidden以防止任何多余的文本从表中流出也很有用。

您还应该确保将CSS的所有边界和大小都保留下来。

好的，这就是我所拥有的：

table {

  border: 1px solid black;

  table-layout: fixed;

  width: 200px;

}



th,

td {

  border: 1px solid black;

  width: 100px;

  overflow: hidden;

}


<table>

  <tr>

    <th>header 1</th>

    <th>header 234567895678657</th>

  </tr>

  <tr>

    <td>data asdfasdfasdfasdfasdf</td>

    <td>data 2</td>

  </tr>

</table>

2020-05-10