日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

IE8/9 使用text-overflow: ellipsis 做塊元素超長(zhǎng)內(nèi)容變省略號(hào)的問(wèn)題

云知道

首先平時(shí)用的時(shí)候要配合

復(fù)制代碼代碼如下:
overflow: hidden;
white-space: nowrap;

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

復(fù)制代碼代碼如下:
word-berak:break-all;
word-wrap:break-word;

這樣斷開(kāi)了,在IE8里面是不會(huì)變成省略號(hào)的(但是在IE6/7/FF/Chrome都沒(méi)有問(wèn)題),其實(shí)都單行省略了,本來(lái)也沒(méi)有必要斷詞~-_-!

所以一般標(biāo)準(zhǔn)組合就是:

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

基本通殺所有瀏覽器了~

哦,對(duì)了,忘了說(shuō),像a這類默認(rèn)非塊的元素,要加上display:block;才有效果哦`,..嗯嗯,別忘了width或者max-width.

    推薦閱讀