无论单元格中的文本量如何，都将表格列宽设置为常数？

小编典典

无论单元格中的文本量如何，都将表格列宽设置为常数？

all

在我的表格中，我将列中第一个单元格的宽度设置为100px.
但是，当该列中的一个单元格中的文本太长时，该列的宽度会超过100px. 我怎么能禁用这个扩展？

阅读 109

2022-03-06

共1个答案

小编典典

我玩了一会儿，因为我很难弄清楚。

您需要设置单元格宽度（th或者td工作，我都设置了）table- layout并将fixed. 出于某种原因，单元格宽度似乎只有在设置了表格宽度时才保持固定（我认为这很愚蠢，但无论如何）。

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>

这是在 JSFiddle

2022-03-06