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

Question

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

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

第一个表包含：

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

和第二个表：

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

“短字”包裹，因此实际上比“长字”短，但是列更宽，看起来不合逻辑，浪费空间。

有没有办法使用包装文本宽度来设置列宽？

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

Answer 1

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

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

或

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