css3控制标题字数超出的部分自动显示为“...”省略号

css3功能强大，可以让超出指定宽度的部分自动显示为“...”

代码如下

 

display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:20px;

注意：

1、这个必须是块元素才能实现效果；width是控制显示的宽度的，根据自己的需要做修改；

2、text-overflow:ellipsis;溢出的部分显示省略符号来代替

3、white-space:nowrap;文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

4、overflow:hidden;溢出隐藏，这个大家应该都知道。

优点：有利于优化，因为虽然网页不显示，但是源代码中是有万整的标题，有利于SEO。兼容性比较高。