HTML自动列宽似乎忽略了文本换行

Question

我很难理解为什么我创建的许多表中的列都被设置为它们的宽度。

表格的宽度是固定的(CSS中宽度为45%)，具有相似长度的单元格内容，除了一个例外，具有相同的标题。我的理解是，控制列宽的是标题。我不明白的是，它似乎忽略了包装。

第一个表包含：

<th>column1</th>
<th>longerword</th>
<th>column3</th>

第二个表：

<th>column1</th>
<th>short word</th>
<th>column3</th>

"short word“实际上比"longerword”更短，但列要宽得多，这似乎不合逻辑，浪费了空间。

有没有办法使用换行文本宽度来设置列宽？

除了表格的宽度和一些填充外，我没有影响大小/位置/间距的格式

Answer 1

如果列宽小于单词长度，则默认情况下单词将换行。您最简单的解决方案是使用css并强制不换行：

<th style="white-space: nowrap;">short word</th>

或

<style> th {white-space: nowrap;} </style>