多行文本溢出显示省略号兼容写法
Posted shuangjiang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了多行文本溢出显示省略号兼容写法相关的知识，希望对你有一定的参考价值。
1.如果只考虑webkit内核浏览器
.mult_line_ellipsis{
overflow: hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
2.兼容火狐和谷歌
.imitate_ellipsis{
position:relative;
line-height:1.4em;
height:2.8em;
overflow:hidden;
}
.imitate_ellipsis::after{
content:"...";
position:absolute;
}
3.兼容ie
.imitate_ellipsis{
position:relative;
line-height:1.4em;
height:2.8em;
overflow:hidden;
}
.imitate_ellipsis:after{
content:"...";
position:absolute;
}
以上是关于多行文本溢出显示省略号兼容写法的主要内容，如果未能解决你的问题，请参考以下文章