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;
           

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