text-overflow: ellipsis;对SEO有利的CSS写法 2527

使用text-overflow:ellipsis对溢出文本显示省略号有两个好处:
一是不用通过程序限定字数;

二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友好,因为标题实际上并未被截字,而是局限于宽度而未被显示而已。

核心代码如下:

ul li {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

其他的什么

ul,li {

    list-style: none;
}之类的要自己加完整 才会有一个漂亮的效果!

效果如下:

点击查看原图

评论(1) Read More >>

About

Butcher WEB前端攻城湿 @重庆,不忘初心 以简驭繁~

搜索

最新评论

  1. 我有故事你有酒吗 Post:
  2. @来语:这个学习了,谢谢... Post:
  3. @钟水洲博客:好?收藏.... Post:
  4. 岁月如歌 Post:
  5. @钟水洲博客:这东西我收... Post:

赞助商

微博墙

标签

Partner

链接