CSS「text-overflow: ellipsis;」屬性限制內容字數,顯示「…」

在做畫面的title, content時永遠最大的問題就是可恨的過多字數爆版問題,

所以可以透過CSS Style來解決初步的問題,

在<p></p>的部分,不希望因為過多文字換行可以使用此方式:

原文字的內容當過多時,就不換行改為「…」。

另一種方式直接使用js對文字做過多處理為「…」

 

Reference

https://www.astralweb.com.tw/css-ellipsis/

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *