max-height: calc(1.5em * 2); 基于行高和行数计算最大高度
一行文本溢出隐藏
css
/* 防止文本换行 */
white-space: nowrap;
/* 隐藏溢出的文本 */
overflow: hidden;
/* 当文本溢出时显示省略号 */
text-overflow: ellipsis;多行文本溢出隐藏
css
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制为两行 */
overflow: hidden;
text-overflow: ellipsis;
white-space: normal; /* 允许换行 */