以上是overflow屬性的預設情況「overflow：visiable」，預設，允許溢位
overflow屬性值設為scroll，設定內容溢位時出現滾動條，且滾動條可用；
overflow屬性值設定為hidden，設定內容溢位時隱藏超出元素的文字，沒有滾動條；
overflow：auto設定為自動適應，即內容溢位時出現滾動條，內容沒有溢位時就不出現滾動條 。
overflow：hidden經常搭配text-overflow使用：text-overflow表示文字溢位情況；
text-overflow有以下取值：
text-overflow：clip；表示修剪文字
text-overflow：string；使用給定的字元來代替被修剪的文字；
text-overflow：ellipsis；顯示省略號代表修剪的文字；這種情況經常搭配以下方法，這是網頁中很常見的
white-space表示文字換行方式，有幾種屬性值
另有屬性值inherit，但此屬性值常常涉及到相容問題，ie8和更早的版本都不相容；
隱藏元素的幾種方法：
display：none； 元素原有的位置不被保留
visibility：hidden； 元素原有的位置繼續保留，只是元素不可見
opacity：0； 將元素的透明度設定為0，元素不可見，但原有位置保留
overflow:hidden;和visibility：hidden的區別是：
前者用於元素內的內容溢位時隱藏溢位的部分，後者用於隱藏元素，但保留元素原有的位置
文字元素溢位隱藏
多行文字溢位隱藏 在做頁面的過程中，經常會遇到新聞標題的隱藏效果，在沒有學習溢位效果隱藏之前，總是手動輸入省略號來代表省略部分的內容，但是對於具有變化性質的網頁內容來說，這一點是不可取的，還是需要通過css來實現自動隱藏多餘內容的效果 1.給內容設定固定寬度，如果超出的文字則設定以下隱藏效果 2.首...
前端文字的溢位隱藏
單行文字的溢位隱藏 overflow hidden 溢位隱藏 text overflow ellipsis 超出顯示省略號 white space nowrap 強制文字在一行內顯示多行文字的溢位隱藏 overflow hidden text overflow ellipsis 超出顯示 displ...
css元素的顯示及隱藏 文字隱藏
1 元素的顯示及隱藏 1 實現方式 display visibility overflow 2 display 元素的隱藏 display none 1 結論 元素本身還在dom中，只是隱藏而已 2 元素是不佔位置的 元素的顯示 display block 1 結論 display block可以讓...