头闻号

上海宾都化工有限公司

界面剂|防水涂料|装饰建材代理加盟|防水、防潮材料|室内涂料|腻子

首页 > 新闻中心 > 科技常识:IE8/9 使用text
科技常识:IE8/9 使用text
发布时间:2023-02-01 10:19:23        浏览次数:4        返回列表

今天小编跟大家讲解下有关IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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; text-overflow: ellipsis; 基本通杀所有浏览器了~ 哦,对了,忘了说,像<a>这类默认非块的元素,要加上display:block;才有效果哦`,..嗯嗯,别忘了width或者max-width.

来源:爱蒂网