如何在表格中将文本溢出到左侧？答案

【问题标题】：How do I overflow text to the left in a table?如何在表格中将文本溢出到左侧？
【发布时间】：2010-06-08 08:08:51
【问题描述】：

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

这需要至少在 IE7+ 中工作。有没有办法在没有任何 JavaScript 的 css 中做到这一点？

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

【问题讨论】：

标签： html css

【解决方案1】：

你可以使用：

direction:rtl;

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以使用 CSS3 属性 word-wrap: break-word，但无法控制它会在哪里破坏单词。它会尽可能地适合线上，然后将其分解到下一个，它不会保持等长的线。

还有<wbr>标签，但我从未使用或尝试过它，所以我无法真正告诉你如何使用它。

【讨论】：