首页 打击社菜单随学随记WORDPRESS利用CSS截取标题长度方法

WORDPRESS利用CSS截取标题长度方法

利用CSS截取标题的最大好处就是更利于搜索引擎收录和理解。
用动态语言可以对其控制,比如函数截取,数据库截取需要修改的地方也多。
CSS很巧妙地解决了这个问题,将标题控制在一行显示,并且截取一定的长度,截取的地方用省略号代替。

.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;
需与overflow:hidden;一起使用。*/
} 

Comments Closed.