CSS3 文本超出就显示省略号

邱秋 • 2017年09月30日 • 阅读:3378 • css3 html5

强制一行的情况很简单

overflow:hidden;#超出的隐藏

text-overflow:ellipsis;//省略号

white-space:nowrap;//强制一行显示

多行

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; //超出几行

不生效就加下注释:

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow:hidden;
/*! autoprefixer: off */ //这里
-webkit-box-orient: vertical;

我,秦始皇,打钱!

相关文章

禅境花园小程序

关注前沿技术开发.