html - 仅在缺少位置时隐藏表格列

Question

我有一个包含 2 列的 HTML 表格。我想把它们都显示完整，第二个右对齐。现在我width: 100%;在第一列中使用它。但是现在第二列总是被单词包裹着。

我希望第二列位于右侧，但仅在没有足够空间显示两列已满时才进行包装。

Answer 1

如果您在这种情况下真的在考虑移动或较小的屏幕，您应该考虑使用媒体查询。在这种情况下，当屏幕低于某个宽度时，您可以为右列指定更宽的宽度。

http://www.css3.info/preview/media-queries/

Answer 2

将以下 CSS 样式添加到右侧的单元格中：

td {white-space: nowrap;}

这将防止单元格内的文本换行，如您的示例所示。