5

是否可以修剪文本的结尾？

输入

这是一个非常长的文本

结果

这是个 ...

4

2 回答 2

12

是的，这完全可以通过 CSS 来实现。

请参阅我在 jsFiddle 上的示例

实现效果的关键是使用以下 CSS 属性的组合：

width: [x]px
overflow: hidden
white-space: nowrap
text-overflow: ellipsis

宽度是使用溢出所必需的。文本溢出需要溢出，并且需要空格来防止中断并确保整个文本在一行中。

于 2013-03-31T10:51:18.993 回答
9

也许你可以试试

文本溢出：省略号；

http://davidwalsh.name/css-省略号

于 2013-03-31T10:41:58.790 回答