设置表格列的宽度常数，而不考虑其单元格中的文本量是多少？

  • Z时代
  • 2024-01-10
  • 分类：问答

在我的表格中，我将一列中第一个单元格的宽度设置为100px。

但是，如果此列的一个单元格中的文本太长，则列的宽度大于100px。如何禁用此扩展？

回答：

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

您需要设置像元宽度（无论是工作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>

这个人有一个类似的问题：表格单元格的宽度-固定宽度，包裹/截断长单词

以上是 设置表格列的宽度常数，而不考虑其单元格中的文本量是多少？ 的全部内容， 来源链接： utcz.com/qa/405691.html

回到顶部