前端技术分享论坛
标题:
文字溢出加省略号:text-overflow : ellipsis,全兼容写法
[打印本页]
作者:
phpvar
时间:
2014-1-8 17:49
标题:
文字溢出加省略号:text-overflow : ellipsis,全兼容写法
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。
要实现溢出时产生省略号的效果
还须定义
:强制文本在一行内显示(
white-space:nowrap
)及溢出内容为隐藏(
overflow:hidden
),只有这样才能实现溢出文本显示省略号的效果。
text-overflow 属性是CSS3属性,除了firefox3.5之前的版本不支持这个属性之外,其它浏览器包括ie6,7,8都支持,这个倒挻意外的,呵。
另外要说的是现在的firefox都已更新至firefox25了,谁还会用3.5呢?!呵..
言外之意就是说:在浏览器兼容方面,所有主流浏览器都支持 text-overflow 属性。
这也是w3c 官网原文介绍说的:
http://www.w3school.com.cn/cssref/pr_text-overflow.asp
欢迎光临 前端技术分享论坛 (https://www.phpvar.com/bbs/)
Powered by Discuz! X3.2