最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
text-overflow:ellipsis实现css文本溢出省略号
时间:2013-03-24 编辑:简简单单 来源:一聚教程网
在ie中我们只要简单的利用text-overflow 这个 CSS 属性实现文本溢出省略号。
例
代码如下 | 复制代码 |
.entry_title{ |
但是在ie之外的浏览器就不行了,不过大家可利用php mb_strimwidth,也是按照 中文 2 个字节,英文 1 个字节 方式计算之后的,并且如果字数超过截取的要求,这个函数还可以在最后面自动添加‘…’。
代码如下 | 复制代码 |
mb_strimwidth($post_excerpt,0,240,'...','utf-8'); |
注意,最后添加‘utf-8’编码参数,可以避免中文截取乱码的问题。
-
上一个: CSS中clear清除元素容器浮动
-
下一个: CSS本文自动换行实现代码
相关文章
- css省略号实现text-overflow:ellipsis; 11-21
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26