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。兼容性比较高。