如果div中的文本超出设定宽度,请将其剪掉?

dan*_*mcc 18 html javascript css xhtml text

在我正在处理的网站上,用户可以在页面的一个部分添加标题.一个简单的例子:

M11-001 - loss of container and goods from Manchester
Run Code Online (Sandbox Code Playgroud)

通过一些标题,内容可以非常深入.实际上,至少对于标题而言,并不总是需要这样的内容.前几个单词足以区分记录.

我可以设置溢出:隐藏到div并无情地切割设置宽度之外的任何东西.

我宁愿添加......到最后.像这样:

M11-001 - loss of container...
Run Code Online (Sandbox Code Playgroud)

因此,在X宽度或X字符之后将添加三个完整停靠点.

这可能是CSS,还是JavaScript?

Nak*_*nch 34

像这样的东西?http://www.quirksmode.org/css/textoverflow.html

文本溢出

文本溢出声明允许您处理剪切的文本:即,不适合其框的文本.省略号值导致三个句点附加到文本.

  • 工作完美,`white-space: nowrap; 溢出:隐藏;文本溢出:省略号;`。 (4认同)
  • 一个优点是复制的文本不包括`...`而是完整的文本. (2认同)