修剪css中的溢出文本?

时间:2013-03-31 10:39:26

标签: html css trim

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

INPUT

  

这是一篇非常长篇文章

RESULT

  

这是......

2 个答案:

答案 0 :(得分:10)

是的,这可以通过CSS实现。

查看我的Example on jsFiddle

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

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

使用溢出需要宽度。文本溢出需要溢出,需要使用空格来防止中断并确保整个文本在一行中。

答案 1 :(得分:8)

也许你可以试试

  

文本溢出:省略号;

http://davidwalsh.name/css-ellipsis