分辨率更改时具有固定单元格的HTML表格

Question

我有下面的表格。问题是，当你放大/缩小或当分辨率不同时，标题会改变大小。我如何才能使它们保持不变？我希望所有的东西都只在一行上。目前，如果头部中有一个以上的单词(即响应注释编号)，并且头部改变了大小-单词堆叠在一起，一个位于另一个的下面。

<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;

添加到"style“属性(可能应该放在某个单独的CSS文件中)。

Answer 2

增加第一个页眉的宽度以避免换行，例如width: 40%。您可以指定额外的最小宽度，例如min-width: 13em，以避免在小屏幕上折行。

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