游客

标题:移动端浏览器 省略号 text-overflow: ellipsis 的兼容性
正文:
text-overflow是一个常用的CSS属性，作用是让文本超出容器区域的部分以省略号显示。要让它生效， 还需要配合设置其它几个css属性。示例CSS代码：p { white-space: nowrap; width: 100%; /* IE6 needs any width */ overflow: hidden; /* "overflow" value must be different from "visible" */ -o-text-overflow: ellipsis; /* Opera 9-10 */ text-overflow: ellipsis; /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */ }text-overflow的浏览器兼容情况见下表： 浏览器 版本 支持 Internet Explorer 6.0+ text-overflow ellipsis | clip Firefox (Gecko) 7.0+ text-overflow ellipsis | clip Opera (Presto) 9.* - 10.* -o-text-overflow ellipsis | clip 11.0+ text-overflow ellipsis | clip Safari | Chrome | WebKit 1.3 | 1.0 | 312.3 text-
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页