HTML里怎么使用margin 0 auto
發表時間:2024-05-11 來源:明輝站整理相關軟件相關文章人氣:
[摘要]margin是一個很重要的屬性,那么在HTML里怎么使用margin 0 auto呢?我們今天就好好介紹一下margin:0 auto,下面給大家舉一個小列子margin設置對象外邊距,如果我們給DIV設置一條邊框線(border)樣式后,在DW軟件里即可看出margin設置值其實是在邊框外距離,...
margin是一個很重要的屬性,那么在HTML里怎么使用margin 0 auto呢?我們今天就好好介紹一下margin:0 auto,下面給大家舉一個小列子
margin設置對象外邊距,如果我們給DIV設置一條邊框線(border)樣式后,在DW軟件里即可看出margin設置值其實是在邊框外距離,此樣式設置對象(DIV)之間間距的樣式。
margin:0 auto作用語法
1、margin:0 auto介紹
margin:0 auto 設置對象上下間距為0,左右自動。
可拆分: margin:0 auto 0 auto(上下)
還可拆分為:margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;
2、作用
對DIV設置margin:0 auto樣式,是為了讓DIV在瀏覽器中水平居中。布局居中、水平居中,均加入margin:0 auto即可。
關節點:auto(自動、自適應)
假如一個DIV我們設置寬度為500px,然后設置margin:0 auto樣式后,假如你瀏覽器窗口寬度為1000px寬,這個時候此DIV靠左和靠右間距為(auto)這個時候瀏覽器會自動辨析DIV靠左和靠右各250px寬度間距,此時這個DIV盒子自然而然就水平居中瀏覽器中。
為什么要設置margin:0 auto?
設置此樣式讓DIV布局水平居中于瀏覽器中,目的就是兼容各大瀏覽器讓布局居中。如果不加margin:0 auto CSS樣式,會造成布局在有的瀏覽器中居中有的瀏覽器靠左。
禁:如果要讓DIV布局居中瀏覽器中,加入margin:0 auto就不能加入float浮動樣式,避免邏輯錯誤,造成布局居中不兼容。
相信通過我們的介紹,你對于margin 0 auto這個屬性已經很熟練的掌握了,更多精彩請關注php中文網其它相關文章!
相關閱讀:
HTML怎么設置網頁背景圖
css的cursor屬性怎么設置
CSS里怎么使用border-radius
以上就是HTML里怎么使用margin 0 auto的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。