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;

注：若容器爲非塊級元素，則需要設置寬，否則溢出不生效