css中溢出的處理

1.溢出

　　 當一個盒子的內容（子元素、孫子元素等后裔）超過盒子本身的大小的時候，就會出現溢出。

2.overflow

　　通常用overflow(overflow-x,overflow-y)來處理內容溢出。

　　overflow: hidden; 超出盒子的內容被隱藏。

　　overflow:auto;當內容超出盒子的容納范圍時會出現滾動條,但是當文字沒有超出盒子的容納范圍時會不會出現滾動條

3.overflow: hidden處理溢出時的文本特殊處理

　　實際工作中通常是會碰到要求文本超出文末用省略號顯示，保留一行或者多行：

　　 超出一行隱藏，以省略號結束

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

　　 超出多行隱藏，以省略號結束

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;