我有一个包含2列的HTML表格。我想要显示它们都是完整的,第二个是右对齐。现在,我使用width: 100%;
作为第一列。但现在第二列总是用文字包裹。
我希望第二列位于右侧,但仅在没有足够空间显示两列完整时才包裹。
答案 0 :(得分:1)
如果你真的在想这个案例的移动或小屏幕,你应该考虑使用媒体查询。在这种情况下,当屏幕低于某个宽度时,您可以为右列指定更宽的宽度。
答案 1 :(得分:0)
将以下CSS样式添加到右侧的单元格中:
td {white-space: nowrap;}
这将阻止单元格内的文本换行,如示例所示。