css 多行文字，超出部分隐藏，...代替

css虽然简单，但其实也是记得常用的那些，不常用的还是要搜一搜再写‍♀️

一行一般是这么写的

p{
width:100px;
overflow:hidden;
white-space:no-wrap;
text-overfow:ellipsis;
}

超出两行

我超过两行啦啦啦哈哈哈娃哈哈哇哈哈就是我我我我哈

css 用到了一个display:-webkit-box;的属性来实现

p{
width:100px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
貌似这个只兼容webkit浏览器内核的，所以用的时候如果有兼容要求的话要注意