CSS控制超长文本显示省略号通吃IE、Firefox、Chrome

首页电脑网络CSS控制超长文本显示省略号通吃IE、Firefox、Chrome（2012年06月05日）

以前折腾网站貌似有碰到内容跑出来了，哎~特别是文章标题列表的时候，某个标题过长，伸出来很不美观啊，有的还会覆盖第二行的字。

最近看到在CSS定义中可以实现个是控制，超出的能够显示为：“....” 这样的省略号。

text-overflow:ellipsis;/*当文本溢出时显示…此时还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）*/
white-space:nowrap;/*表示文本不会换行*/
overflow:hidden;/*表示溢出的内容会被隐藏*/

好勒，就这么点代码，以前没找到，呵呵，现在收藏起来，给需要的人，高手略过。

已有 4 条评论 »

  1. ifenwen
    ifenwen June 5th, 2012 at 03:15 pm
    回复

    css可学的很多啊

    1. Skyong
      Skyong June 7th, 2012 at 04:28 pm
      回复

      我是用点找点，哎~

  2. ixwebhosting
    ixwebhosting June 6th, 2012 at 09:40 am
    回复

    感觉这个好难的，能学会吗

    1. Skyong
      Skyong June 7th, 2012 at 04:28 pm
      回复

      我是比较愚笨啊，没学会过

添加新评论 »

You must enable javascript to see captcha here!