2011-08-09 32 views
21

加省略号一个句子太长,你可以使用这个方法: http://jsfiddle.net/ArKeu/是否可以使用css3进行垂直文本溢出?

,对宽度的伟大工程,但它在某种程度上可以添加省略号垂直呢? 似乎并没有工作:(

http://jsfiddle.net/ArKeu/2/

没有人知道这一点,谢谢。

+0

您想要的结果是什么样子? – Shad

+0

基本上它裁剪300个垂直像素后的文本并添加省略号。像在第一个jsfiddle – cmplieger

+0

但是,那么省略号会落在父元素之外吗? – Shad

回答

29

目前还没有跨浏览器只CSS的方式来实现这样的行为。

您现在只能在基于webkit的浏览器中使用-webkit-box-webkit-line-clamp执行此操作,请参阅http://jsfiddle.net/ArKeu/7/

+0

老兄你真棒!我只是为safari编码所以... YAY !!! – cmplieger

+3

真的很棒! – cmplieger

+0

不客气:) – kizu

10

UPDATE!UPDA TE! UPDATE!

自从我写这个答案的时候,Clamp.js似乎已经冷静下来并死亡。该项目仍然存在于github上,所以你可以检查出来。

但是,这里有更好的选择:ftellipsis。它是跨浏览器的。


为什么webkit浏览器都很有趣?

这里的解决方案更加广泛,并且也为其他浏览器提供支持。 http://reusablebits.com/post/2642059628/introducing-clamp-js(无效链接)

+0

该链接已死亡,您能否提供替代版本? – devshorts

相关问题