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

　　代码如下display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:20px;

　　注意：

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

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

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

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

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

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/css/3867.html