css實現擷取顯示

2021-08-27 07:02:08 字數 465 閱讀 5290

以前對css沒有了解的時候經常使用字串擷取來實現文字加省略號的展現形式,今天對css進行了一下研究,發現css也提供了擷取顯示的功能

css**如下:

文章模組列表2fdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfds

文章模組列表2fdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfds

展現效果如下:

可以看見在ie上不僅對塊元素有效果對內嵌元素也有效果,而子啊chrome和firefox上僅僅對塊元素有效果

自動擷取文字,css實現文字超出顯示省略彙總

01.塊狀元素單行文字超出顯示省略號 ul li 02.td內的文字超出顯示省略號 table td本方法用於解決 單元格內容過多時的美觀問題,主要涉及到4句css樣式 1.table layout fixed 由於table layout的預設值是auto,即table的寬高將取決於其內容的多寡,...

純css實現單行」擷取「

純css實現單行 擷取 title style type text css zxx text overflow 4 zxx text overflow 4 text con zxx text overflow 4 text dotted style head body div class zxx t...

CSS擷取標題

css樣式 display block width 100 word break keep all white space nowrap overflow hidden text overflow ellipsis 說明 1 內聯元素需加 display block 2 相容ie6溢位及省略號問題需...