htmlmargin0auto的簡單介紹
auto的意思是頁面左右空白自適應(yīng)并且相等的意思1新建html文檔,在body標(biāo)簽中添加一個(gè)div標(biāo)簽,然后在這個(gè)div標(biāo)簽中再添加一個(gè)div標(biāo)簽2為外div標(biāo)簽和內(nèi)div標(biāo)簽各設(shè)置一個(gè)樣式,這時(shí)默認(rèn)情況下內(nèi)div盒子在外div盒子的左。
margin是外邊距的意思,當(dāng)一個(gè)元素樣式屬性里有margin0auto時(shí),并且父元素的寬度是確定的,意思是這個(gè)元素處于其父元素的居中位置,并且這個(gè)元素的上下外邊距為0margin還有其他配置類型marginbottom設(shè)置元素的下外邊距。
margin后面如果只有兩個(gè)參數(shù)的話,第一個(gè)表示top和bottom,第二個(gè)表示left和right 因?yàn)? auto,表示上下邊界為0,左右則根據(jù)寬度自適應(yīng)相同值即居中。
margin 可以有4個(gè)值,分別對應(yīng)影響的方向是上,右,下,左, 2個(gè)值的時(shí)候,對應(yīng)第一個(gè)值是 控制上下距離,第二個(gè)值是控制左右, 所以magrgin0 auto, 就是上下距離為0,auto是自適應(yīng),這里指的是左右兩個(gè)方向的。
說明,本文中所指的DIV包括HTML頁面中所有的元素讓一個(gè)DIV水平居中,直接用CSS就可以做到只要設(shè)置了DIV的寬度,然后使用margin設(shè)置邊距0auto,CSS自動算出左右邊距,使得DIV居中mydivmargin0autowidth300pxheight。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。