overflow 溢出:
- overflow:visible/hidden/scroll/auto/inherit;
- visible:默认值、不剪切。
- hidden:超出部分剪切、没有滚动条。
- scroll:超出部分有滚动条。
- auto:自适应,有滚动条。
- inherit:继承父元素的overflow得值。
空余空间:
- white-space:pre/pre-wrap/nowrap/pre-line/inherit;
- pre:识别回车和空格、不换行。
- pre-wrap:识别回车和空格、换行。
- nowrap:不识别回车和空格、不换行。
- pre-line:识别回车、不识别空格、识别换行。
- inherit:继承父元素的white-space属性。
转载:https://blog.51cto.com/u_15127510/4649298
/*单行*/
{
width:valve;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipse;
}
{
/*多行,webkit-line-clamp设置行数*/
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}