CSS控制div顯示文字第二行超出部分省略

2021-10-11 02:38:12 字數 365 閱讀 2303

css樣式直接控制。(

這裡有個注意點就是當前div最好不要設定padding屬性,不然會出現一些類似的情況比如:第二行雖然省略了,但是還是能看到第三行的資料。)

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;   

關於節能減排提倡公司人員應當充分利用網路資訊平台,逐步實行無紙關於節能減排提倡公司人員應當充分利用網路資訊平台,逐步實行無紙...

.parknotice .content .item .line

css控制 div文字超出後顯示問題

如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來,當然還需要加寬度width屬來相容部分瀏覽。實現方法 overflow hidden text overflow ellipsis white space nowrap 效果如圖 但是這個屬性只支援...

css控制div顯示 隱藏方法

css中隱藏和顯示html元素 可以用display和visibility,屬性如下 1.display none block display none 隱藏該html元素,在瀏覽器中消除該元素,不佔螢幕的空間。dispaly block 顯示已經隱藏的html元素,如果該空間被別的元素占有了,他將...

CSS控制文字只顯示一行,超出部分顯示省略號

white space text overflow ellipsis 之前使用過這個例子,現在總結說明一下 先給貼 style width 300px overflow hidden white space nowrap text overflow ellipsis 省略我吧!省略我吧!省略我吧!省...