您好,登錄后才能下訂單哦!
這篇文章主要介紹了CSS的margin語法和作用是什么的相關(guān)知識,內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇CSS的margin語法和作用是什么文章都會有所收獲,下面我們一起來看看吧。
margin設(shè)置對象外邊距,如果我們給DIV設(shè)置一條邊框線(border)樣式后,在DW軟件里即可看出margin設(shè)置值其實是在邊框外距離,此樣式設(shè)置對象(DIV)之間間距的樣式。
詳細(xì)介紹見:margin教程
1、margin:0 auto介紹
margin:0 auto 設(shè)置對象上下間距為0,左右自動。
可拆分: margin:0 auto 0 auto(上下)
還可拆分為:margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;
margin使用效果截圖
2、作用
對DIV設(shè)置margin:0 auto樣式,是為了讓DIV在瀏覽器中水平居中。布局居中、水平居中,均加入margin:0 auto即可。
假如一個DIV我們設(shè)置寬度為500px,然后設(shè)置margin:0 auto樣式后,假如你瀏覽器窗口寬度為1000px寬,這個時候此DIV靠左和靠右間距為(auto)這個時候瀏覽器會自動辨析DIV靠左和靠右各250px寬度間距,此時這個DIV盒子自然而然就水平居中瀏覽器中。
為什么要設(shè)置margin:0 auto?
設(shè)置此樣式讓DIV布局水平居中于瀏覽器中,目的就是兼容各大瀏覽器讓布局居中。如果不加margin:0 auto CSS樣式,會造成布局在有的瀏覽器中居中有的瀏覽器靠左。
禁:如果要讓DIV布局居中瀏覽器中,加入margin:0 auto就不能加入float浮動樣式,避免邏輯錯誤,造成布局居中不兼容。
關(guān)于“CSS的margin語法和作用是什么”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“CSS的margin語法和作用是什么”知識都有一定的了解,大家如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。