Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

火狐7开始就支持ellipsis了

  以前为了这玩意儿还需要写JS去兼容,后来还出现了一种使用XUL来兼容的方式。那时候Chrome还处于萌芽阶段,没有人在意它,刚从IE6的阴影中走出来,当时大家最大的敌人就是火狐了。不知从何时开始,本来每次版本号只加个小数的突然变成了每次都增加主版本号来升级。火狐3.5瞬间就飞到了不知多高的版本了,这期间我貌似错过了很多东西。不过现在版本又渐渐稳定下来了。偶尔看下,发现居然把好多东西都兼容上了。
<style>
li {
  width:300px; /*限定宽度*/
  overflow:hidden; /*溢出隐藏*/
  white-space:nowrap; /*强制不换行*/
  text-overflow:ellipsis; /*溢出文本添加省略号*/
}
</style>
<ul>
  <li>火狐7开始兼容text-overflow:ellipsis了!</li>
  <li>次碳酸钴的技术博客,文章原创,每日一更,欢迎关注!</li>
</ul>

参考文档:
  https://developer.mozilla.org/en-US/docs/CSS/text-overflow
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^