一个盒子只是显示两行

Posted 2020-08-03 素雨雫晴

在移动端中高度无法写死，但标题类的部分有时候是规定只显示两行的，设置高度是不行的，用-webkit-line-clamp属性，需要和display：-webkit-box和-webkit-box-origent属性结合使用。

1. display: -webkit-box;
2. -webkit-line-clamp: 2;
3. -webkit-box-orient: vertical;
4. overflow: hidden;
5. text-overflow: ellipsis;

http://www.css88.com/webkit/-webkit-line-clamp/