CSS实现文本溢出-单行/多行

• 单行文本溢出隐藏

/* 溢出隐藏 */
overflow: hidden;
/* 显示省略号 */
text-overflow: ellipsis;
/* 不换行 */
white-space: nowrap;

• 多行文本溢出隐藏

display: -webkit-box;  
word-break: break-all;  
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;  /* 超过2行显示...，数字可变 */
overflow: hidden;  
text-overflow: ellipsis;

注：若容器为非块级元素，则需要设置宽，否则溢出不生效