一聚教程网:一个值得你收藏的教程网站

热门教程

text-overflow:ellipsis实现css文本溢出省略号

时间:2022-06-25 11:19:42 编辑:袖梨 来源:一聚教程网

在ie中我们只要简单的利用text-overflow 这个 CSS 属性实现文本溢出省略号。

 代码如下 复制代码

.entry_title{
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

但是在ie之外的浏览器就不行了,不过大家可利用php mb_strimwidth,也是按照 中文 2 个字节,英文 1 个字节 方式计算之后的,并且如果字数超过截取的要求,这个函数还可以在最后面自动添加‘…’。

 代码如下 复制代码

mb_strimwidth($post_excerpt,0,240,'...','utf-8');

注意,最后添加‘utf-8’编码参数,可以避免中文截取乱码的问题。

热门栏目