1. 程式人生 > >css3——max-height 和 min-height

css3——max-height 和 min-height

使用方法和普通的 height 一樣

max-height:最大高度

為了避免內容太多將高度撐太高影響佈局美化統一,這個時候我們設定最大高度限制。比如一個 table tr td 表格物件裡裝一個圖片,而圖片高度不確定,如果太高了不想圖片撐破 tr td 表格,這個時候通過 css max-height 限制圖片最大高度是有必要的。

min-height:最小高度

為了避免物件(可以是在載入過程中)沒有內容時候不能撐開,但內容多少不能確定所以又不能固定高度,這個時候我們就會需要css來設定min-height最小高度撐高物件盒子。當內容少時候最小高度能將內容顯示出,如果內容多餘最小高度能裝下時候,物件也會再隨內容增多而增高。