IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题 _云知道

首先平时用的时候要配合

复制代码代码如下:
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.

IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

推荐阅读

双世宠妃内容简介双世宠妃剧情介绍

微信公众号怎么登录微信公众号怎么登录帐号电脑

也谈两个月来酷派288使用感受

排骨怎么做好呢

济南哪里好玩免费景点

西瓜打开后多久不能吃

试行肥东县2022年省示范高中自主招生实施细则

荆棘谷怎么去

厨房地砖坏了怎样修复

张家界要多少钱门票张家界要多少钱

电脑怎么共享网络给手机用

生死狙击里怎么变大头,《生死狙击2》薪火计划评测

宝应机器人餐厅在哪里,碧桂园机器人餐厅将试业

bose音响排名第几位,全球最顶级的6大汽车音响

悲伤逆流成河读后感…… 悲伤逆流成河读后感

茶居士普洱茶多少钱_人气茶饮团购