如何将表格中的文本溢出？

Question

我有一张固定布局的桌子。在溢出时，单元格的内容应该从左侧而不是右侧进行剪辑。也就是说，如果TD的宽度小于文本的宽度，则下面的单元格应显示“67890”而不是“12345”。

这至少需要在IE7 +中运行。有没有办法在没有任何JavaScript的情况下在css中执行此操作？

<table style="table-layout:fixed">
  <tr>
    <TD>
      12334567890
   </TD>
 </tr>
</table>

Answer 1

你可以使用：

direction:rtl;

Answer 2

我没有尝试过，但您可以尝试text-align:right或将内容包装在div中并向右浮动。

Answer 3

您可以使用CSS3属性word-wrap: break-word，但无法控制它将破坏单词的位置。它将适合线上的任何东西，然后将其分解为下一个，它不会保持相等长度的线。

还有<wbr>标签，但我从未使用或尝试过它，因此我无法告诉您如何使用它。