首頁 >web前端 >css教學 >使用 line-clamp 截斷多行文本

使用 line-clamp 截斷多行文本

Linda Hamilton
Linda Hamilton原創
2024-12-29 10:44:12195瀏覽

Truncating multiline text with line-clamp

line-clamp 是一個 CSS 屬性,可讓您將 HTML 元素中的多行文字截斷為一定數量的行。當您只想顯示長文本的一部分(例如標題、產品描述或文章摘錄),同時保持可讀性和外觀時,它非常適合。

請參考以下 Codepen 進行示範:

完整文章:https://snippflow.com/snippet/truncating-multiline-text-with-line-clamp/
CSS 片段

以上是使用 line-clamp 截斷多行文本的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn