css多行文本省略号

最新css多行文本省略号

以下是三零网为大家整理的最新css多行文本省略号的文章，希望大家能够喜欢!

 跨浏览器兼容的方案

比较靠谱简单的做法就是设置相对定位的容器高度，用包含省略号(…)的元素模拟实现；

p { position:relative; line-height:1.4em; /* 3 times the line-height to show 3 lines */ height:4.2em; overflow:hidden; } p::after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 20px 1px 45px; background:url(/css88/2014/09/ellipsis_bg.png) repeat-y;

 

延伸阅读:
·HTML如果文字过长,则将过长的部分变成省略号显示
·CSS 控制字符显示为省略号
·CSS超过宽度显示省略号
·CSS控制字符超出指定宽度自动出现省略号
·CSS实现在FireFox下截取字符串显示省略号
·火狐下使用after伪类来模拟省略号
·CSS文字溢出添加省略号的代码
·CSS内容超出显示省略号
·【层和布局】CSS控制LI行字符溢出用省略号代替
·【文字特效】CSS省略号代码
·css省略号实现
·css 用省略号截断字符串