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

Question

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

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

第一个表包含：

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

和第二张表：

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

“短字”换行，因此实际上比“长字”短，但列宽得多，这似乎不合逻辑并且浪费空间。

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

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

score 0 · Accepted Answer

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

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

或者

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

1 回答 1