css控制文字超長隱藏,最後用省略號表示

2021-09-24 06:49:55 字數 374 閱讀 6803

有時我們希望實現這樣的效果:

當文字長度超過容器的寬度時,超出部分用省略號表示,起初以為會很麻煩,沒想到用css可以輕鬆實現。 用text-overflow, overflow, white-space三個屬性即可。先上**:

"box">

je préfère accorder de bonne grâce ce que je ne pourrais pas empêcher.

- 對於無法阻擋的東西,我情願給以讚美。

.box

複製**

text-overflow

指明用什麼方式向使用者表示當前顯示文字後面還有內容,可選:

###text-overflow注意事項:

CSS控制文字超出指定寬度後用省略號代替

一般的文字截斷 適用於內聯與塊 text overflow 對於 文字溢位的定義 對於 超出範圍顯示省略號 tabletd 需要你注意的是,這個css樣式只對單行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。這個寫法只有ie會有 其它的瀏覽器文字超出指定寬度時會隱藏。以上問題可以解決 使...

CSS控制文字的顯示與隱藏時引出的Bug

這一段css 相當簡單,目的就是想用css來控制某段文字的顯示與隱藏。起初我採用了下面的 令人不可思議的是,它們在我的ie6.0上居然沒有任何反應,大家不信可以親自試驗一下。link我是隱藏內容 我仔仔細細地檢查了一遍 實在找不到什麼毛病來。沒有辦法,我只能像平時查錯糾錯一樣,試著改改css裡的 當...

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

在編寫網頁的時候,我們希望文字不換行,特別是在新聞列表的時候,文字多了就新增省略號,不用程式去判斷字元,英文和漢字的字元數量是不對應的,乙個漢字佔兩個英文本元的位置,如果一行出現了英文本元,裁切就不準確了,不過用css可以辦到控制文字只顯示一行,超出部分顯示省略號,如果需要強制換行,看最後 首先來看...