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

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

上一篇:MFC的组合框(ComboBox)控件切换下拉样式


下一篇:使用谷歌提供的SwipeRefreshLayout下拉控件进行下拉刷新的实现数据的刷新