Keep Moving问到:文章标题很长很长很长的话,会撑破页面怎么办?小一的回答:把题目缩短!呵呵~~文章标题弄那么长干什么?标题是文章内容的中心思想,是文章内容的概括,没必要弄那么长吧,除非~~有什么特殊需要?对了,如果是用火车头什么的采集的话,标题过长确实是个问题。
小一觉得标题过长问题主要集中在侧边栏上,因为一般的主题侧边栏的宽度在200px左右,题目稍长就会出问题。那么,大家是如何解决这个问题的呢?选择自动换行还是用省略号替换?或者你还有更好的办法?欢迎大家一起讨论!
1、文章标题自动换行
这个很简单,给文章标题的CSS加上word-break:break-all;就好了。
优点:文章标题自动换行,保证标题完整性;对SEO较为有利。
缺点:不美观;只在IE下有效;
2、文章标题用省略号替换多余部分
这个也不难,在文章标题的CSS里加上如下代码就可以了:
| display: block; width: 150px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; |
其中,width属性是用来定义宽度的,文章标题超出这个宽度的部分会用...替换。
优点:美观。
缺点:文章标题显示不全;搜索引擎看到的是不完整标题,不利于SEO。
P.S. 小一还是建议大家精简标题,浓缩的才是精华嘛,呼呼!

