Html 仅当缺少位置时隐藏表列

我有一个包含两列的HTML表。我想把它们全部显示出来，第二个是右对齐。现在我用

宽度：100%。但是现在第二列总是用单词来包装

我希望第二列位于右侧，但仅当没有足够的空间显示两列都已满时才进行换行。
将以下CSS样式添加到右侧的单元格中：

td {white-space: nowrap;}

这将阻止单元格内部的文本被包装，如在你的例子中。
如果你真的在考虑移动或较小的屏幕，你应该考虑使用媒体查询。在这种情况下，当屏幕低于某个宽度时，可以为右列指定更宽的宽度
-我希望日期显示在一行中，但仍在右侧。但我希望在没有太多空间的情况下，例如在移动电话上，将其包装起来。为第一列留出足够的位置。如果您有两列，并且始终希望“首选”左列，请删除左侧单元格的宽度，并为右侧单元格指定{宽度：1%；空白：nowrap；}。这将使其尽可能小，但永远不会包装文本。。。。。否则，我误解了你的评论/问题。在你的建议中，正确的专栏永远不会结束。我想“更喜欢”左边的列，但只有当有足够的空间时，才在一个lint中显示右边的列。HTML/CSS实际上不是以这种方式有条件地运行的。除非您想将PHP（或任何东西）混合到其中，否则最简单的选择可能是对右侧列宽使用1%/2%/3%/etc，并删除“空白：nowrap”，直到您发现它的行为与您希望的一样。请记住，布局将根据用户的屏幕大小而变化。