css-一行,两行的超出文本隐藏
2018-10-29 本文已影响0人
你看花
一、css超出隐藏
1. 一行文本超出隐藏
width:200px;
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行
2. 两行文本超出隐藏(最后一行的数字代表需要几行文本超出隐藏)
width:200px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
备注:这些都需要设置div的宽度,否则没有办法进行超出文本隐藏设置。