项目中常遇到的一些CSS样式问题

(1)css实现文字超出隐藏并以......代替

width:100%;
overflow:hidden;
text-overflow:ellipisis;
white-space:nowrap;

(2)当需要文字不超过3行,并以......代替时,可用-webkit-line-clamp等属性

// 以下属性缺一不可
overflow:hidden;
texe-overflow:ellipisis;
-webkit-line-clamp: 3; //文字显示3行
display: -webkit-box;
 -webkit-box-orient: block-axis;

你可能感兴趣的:(项目中常遇到的一些CSS样式问题)