CSS3 最小高度(min-height)屬性是指元素所允許的最小高度值,它可以被用來保證某個元素在任何情況下都不會比指定的最小高度更矮。如下所示:
.box { min-height: 100px; background-color: #eee; }
上面的代碼中,我們設置了一個類名為box的元素的最小高度為100px,并設置了其背景顏色為#eee。如果這個元素的內容比100px高,那么它會根據內容自動增加高度,如果內容比100px矮,那么元素的高度就會顯示為100px。
值得注意的是,min-height屬性不會阻止元素高度的增長,如果元素內容超過了最小高度,那么元素會繼續增長以適應內容。如果你想要限制元素高度的最大值,那么可以使用max-height屬性。
.box { min-height: 100px; max-height: 200px; background-color: #eee; }
上面的代碼中,我們設置了一個類名為box的元素的最小高度為100px,最大高度為200px,并設置了其背景顏色為#eee。這樣,當元素內容超過100px時,它會增長以適應內容,但當內容超過200px時,元素將停止增長。
總之,min-height屬性是非常實用的一個CSS3屬性,它可以讓我們更加方便地控制元素高度,讓網頁看起來更加美觀、整潔。
上一篇css3 文字弧形