有關語句「margin 0 auto 」的相關問題

2021-10-21 11:30:45 字數 705 閱讀 5903

為物件設定外邊距, 如果我們給div設定一條邊框線(border)樣式後, 在dw軟體即可看出margin設定的值, 其實是在邊框外距離。 此樣式設定物件(div)之間的間距的樣式。

margin:0 auto;  設定物件上下間距為0,左右自動。
可拆分為:
margin:0 auto 0 auto;
還可以拆分為:
margin-left:auto;

margin-right:auto;

margin-top:0;

margin-bottom:0;

作用:
對div設定margin:0 auto樣式,

是為了讓div在瀏覽器中水平居中。布局居中、水平居中,

均加入margin:0 auto即可。

為什麼要設定margin:0 auto;?
設定此樣式讓div布局水平居中於瀏覽器中,

目的就是相容各大瀏覽器讓布局居中。

如果不加margin:0 auto css樣式,

會造成布局在有的瀏覽器中居中有的瀏覽器靠左。

禁:加粗樣式
如果要讓div布局居中瀏覽器中,加入margin:0 auto就不能加入float浮動樣式,

避免邏輯錯誤,造成布局居中不相容。

margin 0 auto 居中問題

很多初學製作網頁的朋友,可能會遇到的乙個常見問題,就是在css中加了margin 0 auto 卻沒有效果,不能居中的問題!margin 0 auto 的意思就是 上下邊界為0,左右根據寬度自適應!其實就是 水平居中的意思,呵呵!小一在這裡說兩個典型的錯誤引起的不能居中的問題 1 沒有設定寬度 看看...

盒子居中margin 0 auto

注意 1 使用margin 0 auto 的盒子,必須有width,有明確的width 2 只有標準流的盒子,才能使用margin 0 auto 居中。也就是說,當乙個盒子浮動了 絕對定位了 固定定位了,都不能使用margin 0 auto 3 margin 0 auto 是在居中盒子,不是居中文字...

margin 0 auto是什麼意思

margin是外邊距的意,當乙個元素樣式屬性裡有dumargin 0 auto時,並且父元素的寬度是確定的,意思是這個元素處於其父元素的居中位置,並且這個元素的上下外邊距為0 即 上下外邊距為0,左右自動,實際效果為左右居中 補充 margin為外邊距,及邊框外到外部容器的距離,有四種引數設定方式 ...