文字两行显示
Posted qianqianyiyu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文字两行显示相关的知识，希望对你有一定的参考价值。
-webkit-line-clamp: 2; 2行显示 配合下面两个
text-overflow: ellipsis; 多出部分显示省略号
-webkit-box-orient: vertical; // 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示
white-space: nowrap; // 溢出不换行
以上是关于文字两行显示的主要内容，如果未能解决你的问题，请参考以下文章