CSS縮略顯示是一種常用于網頁設計的技巧,可以讓頁面在有限的空間內顯示更多的內容。
/* 例如: */ p { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
代碼中的四個屬性分別是:
width
:設置p標簽的寬度,超出的內容將被隱藏。overflow
:設置溢出的內容如何處理,這里設置為隱藏。text-overflow
:設置溢出內容的顯示方式,這里設置為省略號(...)。white-space
:設置只在一行內顯示全部文本,超出部分將被隱藏。
這樣,當p標簽中的內容超過100px時,就會自動隱藏多余的部分,并以省略號(...)表示。這種效果常用于文章列表、評論等需要在有限空間內顯示較多內容的場景。