如何使用CSS将长文本显示在较小的固定列中？

Question

如何将长文本放入固定宽度的列中，在其中我只能容纳一行文本？文本需要剪切为固定宽度 （可以说为100px） ，我想在末尾添加点“ …”。例如：

给定字符串：

Some really long string that I need to fit in there!

固定宽度列中的所需输出应为：

Some really long string...

Answer 1

您可以单独使用CSS来做到这一点：

.box {
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 300px;                 /* fixed width */
}

注意：您将需要检查最新的浏览器支持。