一尘不染

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

css

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

给定字符串:

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

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

Some really long string...

阅读 283

收藏
2020-05-16

共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 */
}

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

2020-05-16