21
加省略號一個句子太長，你可以使用這個方法： http://jsfiddle.net/ArKeu/是否可以使用css3進行垂直文本溢出？
，對寬度的偉大工程，但它在某種程度上可以添加省略號垂直呢？ 似乎並沒有工作:(
沒有人知道這一點，謝謝。
A
回答
29
目前還沒有跨瀏覽器只CSS的方式來實現這樣的行爲。
您現在只能在基於webkit的瀏覽器中使用-webkit-box和-webkit-line-clamp執行此操作，請參閱http://jsfiddle.net/ArKeu/7/
10
UPDATE！UPDA TE！ UPDATE！
自從我寫這個答案的時候，Clamp.js似乎已經冷靜下來並死亡。該項目仍然存在於github上，所以你可以檢查出來。
但是，這裏有更好的選擇：ftellipsis。它是跨瀏覽器的。
爲什麼webkit瀏覽器都很有趣？
這裏的解決方案更加廣泛，並且也爲其他瀏覽器提供支持。 http://reusablebits.com/post/2642059628/introducing-clamp-js（無效鏈接）
+0
該鏈接已死亡，您能否提供替代版本？ – devshorts
相關問題
- 1. 是否有可能使LI元素在UL中垂直溢出？
- 2. 垂直居中溢出文本
- 3. 是否可以使用CSS選擇文本溢出：省略號？
- 4. 如何使垂直而不是水平垂直溢出？
- 5. CSS - 垂直對齊文本，其中文本可以是多行
- 6. 水平環繞文本並使用溢出：垂直隱藏
- 7. 是否可以使用CSS垂直顯示錶格行？
- 8. 的CSS使標籤垂直是否已經溢出
- 9. 是否可以在PDF寬度XHtmlRenderer中創建垂直文本？
- 10. 表垂直文本和文本溢出的龍頭
- 11. 是否可以垂直SWT控制？
- 12. 帶CSS3和HTML5的垂直文本？
- 13. 如何使文本框滾動垂直溢出CSS的HTML？
- 14. Flexbox垂直溢出問題
- 15. 表td的垂直溢出
- 16. 用CSS3自動滾動溢出文本
- 17. HTML水平溢出可見，垂直溢出滾動
- 18. 是否可以隱藏溢出的文本，但不能溢出子絕對div？
- 19. 垂直於CSS3
- 20. 文本加載時出現垂直溢出
- 21. 是否可以根據溢出重新調整文本大小？
- 22. 是否可以繪製像IntelliJ IDEA中的垂直縮進線？
- 23. 是否可以使用CSS3更改@keyframes？
- 24. 你可以讓一個HTML元素溢出 - 垂直滾動嗎？
- 25. CSS3使文本儘可能大而不會溢出
- 26. 是否可以在按鈕元素上使用文本溢出：省略號？
- 27. 是否可以使用python matplotlib垂直繪製一個繪圖？
- 28. 是否可以使用交替的垂直列填充DataGridView？
- 29. 是否可以使用POS for .NET垂直打印條形碼？
- 30. 是否可以使用richfaces實現垂直選項卡？
您想要的結果是什麼樣子？ – Shad
基本上它裁剪300個垂直像素後的文本並添加省略號。像在第一個jsfiddle – cmplieger
但是，那麼省略號會落在父元素之外嗎？ – Shad