仅在缺少位置时隐藏表列

时间:2012-06-04 12:22:35

标签: html css

我有一个包含2列的HTML表格。我想要显示它们都是完整的,第二个是右对齐。现在,我使用width: 100%;作为第一列。但现在第二列总是用文字包裹。

我希望第二列位于右侧,但仅在没有足够空间显示两列完整时才包裹。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

td {white-space: nowrap;}

这将阻止单元格内的文本换行,如示例所示。