感觉又是一篇标题党入党申请书的范文……直接进入正题,童鞋(好像你们不喜欢看到童鞋这个词,如果是的话我可以改口)喜欢在侧边栏显示最新文章、最新评论、饭否最新动态以及其他的信息,但是如果显示的内容太多又会导致页面不美观,直接砍掉多余的内容吧,可能会不好看,再者影响 SEO 。有没有……有,当然有。今天 NetPuter 就给大家介绍下如何在SEO面前砍掉多余内容。(感觉今天的这个情景预设的不好 T^T )

如何在SEO面前砍掉多余内容

CSS ,又是 CSS 。代码如下:
#sidebar {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

这里简单解释下这3个CSS参数是什么:

  1. overflow: hidden; 不显示超过对象尺寸的内容
  2. text-overflow: ellipsis; 当对象内文本溢出时显示省略标记“...”
  3. white-space: nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。

具体大家可以参考 CSS 中文手册,遇到不熟的属性都可以参考下。

最后,把上面的 CSS 代码添加到主题目录下的 style.css 中相关位置就可以啦。