一、单行文本溢出
/* 超出的部分隐藏 */
overflow: hidden;
/* 强制文字一行显示,不换行 */
white-space: nowrap;
/* 溢出的部分用省略号显示 */
text-overflow: ellipsis;
二、多行文本溢出
/* 对宽高都有要求 */
/* 一定要加合适的宽高来约束文字隐藏的部分 */
/* 才能达到最佳效果 */
width: 310px;
height: 65px;
background-color: orange;
overflow: hidden;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;