分辨率变化时具有固定单元格的 HTML 表格
我有下表。问题是，当您放大/缩小或分辨率不同时，标题的大小会发生变化。我怎样才能让他们保持不变？我希望一切都只在一根线上。目前，如果标头中有多个单词（即响应注释编号）并且标头的大小发生变化，则单词会一个接一个地堆积在一起。
<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>
I have the following table. The problem is that when you zoom in/out or when the resolution is different, the headers change size. How can I make them stay constant? I want everything to be on one line only. Currently, if there's more than one word in the header (i.e. Response Comment Num) and the headers change size - words bunch up together one underneath the other.
<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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以添加
“样式”属性（可能应该位于某个单独的 CSS 文件中）。
You can add
to your "style" attributes (which probably should be in some separate CSS file).
为第一个标头提供更多宽度以避免换行，例如
width: 40%。您可以指定额外的最小宽度，例如
min-width: 13em以避免在小屏幕上换行。或者，您可以使用
white-space: nowrap;来避免换行，然后使用overflow:visible/overflow:hidden控制溢出行为代码>.Give the first header more width to avoid wrapping, e.g.
width: 40%.You may specify an additional min-width, e.g.
min-width: 13emto avoid wrapping on small screens.Alternatively, you could use
white-space: nowrap;to avoid line-breaks alltogether, then control the overflow behaviour withoverflow: visible/overflow: hidden.