国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

IE8/9 使用text-overflow: ellipsis 做塊元素超長內容變省略號的問題

2024-07-11 08:29:34
字體：大 中 小
來源：轉載
供稿：網友
首先平時用的時候要配合

復制代碼
代碼如下:
overflow: hidden;
white-space: nowrap;

這兩個屬性讓起溢出隱藏和不換行,然后IE8用的時候記得不要加

復制代碼
代碼如下:
word-berak:break-all;
word-wrap:break-word;

這樣斷開了,在IE8里面是不會變成省略號的(但是在IE6/7/FF/Chrome都沒有問題),其實都單行省略了,本來也沒有必要斷詞~-_-!

所以一般標準組合就是:

復制代碼
代碼如下:
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */

基本通殺所有瀏覽器了~

哦,對了,忘了說,像<a>這類默認非塊的元素,要加上display:block;才有效果哦`,..嗯嗯,別忘了width或者max-width.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 寻乌县| 武夷山市| 昂仁县| 永仁县| 鄢陵县| 大足县| 门源| 洪雅县| 祁东县| 乌兰浩特市| 景东| 临桂县| 乌审旗| 泰州市| 雅安市| 左权县| 福鼎市| 平乡县| 乐清市| 鄂托克前旗| 绥阳县| 江安县| 华安县| 全州县| 赣榆县| 乐业县| 霞浦县| 大余县| 托里县| 拉萨市| 光山县| 阿鲁科尔沁旗| 门源| 页游| 乌拉特中旗| 白玉县| 广水市| 华容县| 长岭县| 龙胜| 新民市|