首頁 > web前端 > css教學 > 如何在 CSS 中使用省略號建立多行文字溢出?

如何在 CSS 中使用省略號建立多行文字溢出?

DDD
發布: 2024-12-18 20:40:11
原創
503 人瀏覽過

How Can I Create Multi-Line Text Overflow with Ellipsis in CSS?

多行上的CSS 溢位省略號

問題

CSS 屬性允許使用省略號隱藏溢位文字(「...」 ) 位於該行的末尾。但是,此功能僅限於單行。目標是將這種行為擴展到多行文本。

解決方案

雖然 CSS 無法實現這一點,但 jQuery 外掛提供了一個解決方案。以下是建議清單外掛:

  • http://pvdspek.github.com/jquery.autoellipsis/
  • http://dotdotdot.frebsite.nl/
  • http://keith-wood.name/more.html
  • http://github.com/tbasse/jquery-truncate

效能注意事項

選擇外掛時考慮效能測試。以下是一些用於效能評估的資源:

  • [效能比較](https://code.google.com/archive/p/jquery-text-overflow/)
  • [ Ellipsify 效能測試](https://ellis.ninjs.in/performance)

以上是如何在 CSS 中使用省略號建立多行文字溢出?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板