显示一行
/* 显示一行 */
.one-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
显示两行
/* 显示两行 */
.two-line {
/* 溢出内容隐藏 */
overflow: hidden;
/* 文本溢出部分用省略号代替 */
text-overflow: ellipsis;
/* 特别的显示模式 */
display: -webkit-box;
/* 盒子中内容竖直排列 */
-webkit-box-orient: vertical;
/* 行数 */
-webkit-line-clamp: 2;
}