是否可以使用css3進行垂直文本溢出？

，對寬度的偉大工程，但它在某種程度上可以添加省略號垂直呢？似乎並沒有工作:(

沒有人知道這一點，謝謝。

2011-08-09 cmplieger

您想要的結果是什麼樣子？ – Shad

基本上它裁剪300個垂直像素後的文本並添加省略號。像在第一個jsfiddle – cmplieger

但是，那麼省略號會落在父元素之外嗎？ – Shad

目前還沒有跨瀏覽器只CSS的方式來實現這樣的行爲。

您現在只能在基於webkit的瀏覽器中使用-webkit-box和-webkit-line-clamp執行此操作，請參閱http://jsfiddle.net/ArKeu/7/

2011-08-11 22:08:19 kizu

老兄你真棒！我只是爲safari編碼所以... YAY !!! – cmplieger

真的很棒！ – cmplieger

不客氣:) – kizu

UPDATE！UPDA TE！ UPDATE！

自從我寫這個答案的時候，Clamp.js似乎已經冷靜下來並死亡。該項目仍然存在於github上，所以你可以檢查出來。

但是，這裏有更好的選擇：ftellipsis。它是跨瀏覽器的。

爲什麼webkit瀏覽器都很有趣？

這裏的解決方案更加廣泛，並且也爲其他瀏覽器提供支持。 ~~http://reusablebits.com/post/2642059628/introducing-clamp-js~~（無效鏈接）

2012-04-13 10:03:23

該鏈接已死亡，您能否提供替代版本？ – devshorts

回答