分辨率更改时，带固定单元格的HTML表格

Question

我有下表。问题是当您放大/缩小或分辨率不同时，标题会改变大小。我怎样才能让它们保持不变？我希望一切都只在一条线上。目前，如果标题中有多个单词（即Response Comment Num）并且标题会改变大小 - 单词汇集在另一个下面。

<table border="1" style="width:100%;border-collapse: collapse;" cellSpacing="2" cellPadding="2" >
<tr>
<th  style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:10%">Response Komment #</th>
<th  style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:60%;">Comment</th>
</tr>
</table>

Answer 1

您可以添加

white-space: nowrap;

到你的“样式”属性（可能应该在一些单独的CSS文件中）。

Answer 2

给第一个标题增加宽度以避免包装，例如width: 40%。 您可以指定一个额外的最小宽度，例如min-width: 13em以避免在小屏幕上包装。

或者，您可以使用white-space: nowrap;来完全避免换行，然后使用overflow: visible / overflow: hidden来控制溢出行为。