HTML網(wǎng)頁設(shè)計(jì)中CSS最小最大寬高使用教程

更新時(shí)間：2020-03-08 文章分類：網(wǎng)頁技術(shù)課堂

最小寬度(min-width)與最大寬度(max-width)用于設(shè)置圖片最小最大寬度限制比較多。
比如一個(gè)圖片為主列表，對象里圖片大小不定時(shí)候，為了不想讓他太小不統(tǒng)一這個(gè)時(shí)候我們可以使用css最小寬度樣式。再如，一個(gè)盒子里有文章有圖片混排的時(shí)候，有時(shí)圖片寬度不能確定，這個(gè)時(shí)候如果html img圖片寬度超出了div盒子寬度，可能圖片就會撐破div盒子造成圖片混亂。

最大最小高度樣式使用非常方便，滿足固定高度弊端，具體應(yīng)用地方解釋如下：

Css min-height應(yīng)用地方解釋

我們有時(shí)設(shè)置一個(gè)對象盒子時(shí)候避免對象沒有內(nèi)容時(shí)候不能撐開，但內(nèi)容多少不能確定所以又不能固定高度，這個(gè)時(shí)候我們就會需要css來設(shè)置min-height最小高度撐高對象盒子。當(dāng)內(nèi)容少時(shí)候最小高度能將內(nèi)容顯示出，如果內(nèi)容多余最小高度能裝下時(shí)候，對象也會再隨內(nèi)容增多而增高。

Css max-height最大高度應(yīng)用解釋

此屬性很少使用，可能是為了避免內(nèi)容太多將高度撐太高影響布局美化統(tǒng)一，這個(gè)時(shí)候我們設(shè)置最大高度限制。比如一個(gè)table tr td表格對象里裝一個(gè)圖片，而圖片高度不確定，如果太高了不想圖片撐破tr td表格，這個(gè)時(shí)候通過css max-height限制圖片最大高度是有必要的。

上一篇：學(xué)生HTML網(wǎng)頁設(shè)計(jì)中文本超出隱藏顯示省略號

下一篇：學(xué)生簡單網(wǎng)頁設(shè)計(jì)中CSS背景圖片的各種屬性介紹

HTML網(wǎng)頁設(shè)計(jì)中CSS最小最大寬高使用教程

作品推薦

相關(guān)文章