CSS溢出是點點點,也就是說當文本內容過多而無法完全顯示在指定區域內時,CSS會將后面的內容直接隱藏,并用點點點代替。
比如下面這段CSS代碼:
p { width: 100px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }在這段代碼中,我們設置了一個p標簽的寬度為100px,高度為30px,并且指定了文本溢出時的處理方式。overflow:hidden表示溢出隱藏,text-overflow:ellipsis表示使用點點點代替溢出部分,white-space:nowrap表示禁止換行。 我們可以在一個p標簽中添加一些長文本,比如:
<p>這是一段非常長的文本,如果超過一定的長度,CSS就會自動截斷并用“...”代替。</p>當文本內容超過了指定的寬度時,瀏覽器會自動隱藏溢出的部分并用點點點代替,如下所示: 這是一段非常長的文本,如果超過一定的長度,CSS就會自動截斷并用“...”代替。 我們可以通過調整p標簽的寬度和高度來控制文本的顯示長度,也可以通過修改text-overflow的值來改變點點點的樣式,比如使用雙下劃線代替點點點:
p { width: 100px; height: 30px; overflow: hidden; text-overflow: "__"; white-space: nowrap; }使用CSS溢出是點點點,可以方便地控制文本內容的顯示長度,避免頁面過長造成用戶瀏覽體驗不佳。