在CSS中修剪溢出文本？

Question

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

INPUT

这是一个非常非常长的文本

结果

这是一个...

Answer 1

也许你可以试试

text-overflow：ellipsis;

http://davidwalsh.name/css-ellipsis

Answer 2

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

见我Example on jsFiddle

主要实现的效果是使用下面的CSS-属性的组合：

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

宽度时，只需要使用溢出。溢出是需要的文本溢出和白色空间需要防止休息，并确保整个文本在一行。