客户端(CSS)解决自动截取字符串长度并以...代替

<,实用的CSS网页布局25个小技巧;span class=title>,实用CSS重置基础代码;客户端解决标题显示太长省略多余部门并加省略号的样式</span>

<div class=title>客户端解决标题显示太长省略过剩局部并加省略号的样式</div>

实列如下：

.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

以上2例显示在超过款式定义的200px宽度后,后面的字符将被...调换,实现高效整洁的CSS代码原则.

通常的我们在读取文章题目的时候，碰到字符过多，都是通进程序在SERVER端截取必定的字符数，而后增加...来实现标题长度截取的。实在咱们也能够通过CSS来把持,实战讲解影响网站排名下降的两大因素。

可用span或div援用,例如: