文字超出容器長度自動隱藏並且顯示省略號

solution發表於2021-09-09

在做網站的過程中我們會遇到這樣一種情況，在新聞列表中一行只顯示一條新聞，但是新聞標題的長短是不一樣的，如果新聞標題過長會自動換行，當然可以使用溢位隱藏屬性，但是使用溢位隱藏又會顯得比較突兀，現在給大家提供以下解決方法

<style>     p { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}</style>

只需要在原先寫好的樣式中加入上述程式碼即可

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/2459/viewspace-2817740/，如需轉載，請註明出處，否則將追究法律責任。

相關文章