Margin:0 auto;的作用
时间: 2023-11-27 12:52:04 浏览: 57
在IE下,当margin:0 auto;无法使得块级元素水平居中时
`margin: 0 auto;` 的作用是将一个块级元素在水平方向上居中对齐。这个属性可以用于设置一个元素的左右外边距,其中左右外边距的值都为自动,也就是平分剩余的空间,从而实现水平居中。
这个属性通常用于通过 CSS 居中一个固定宽度的块级元素,比如一个固定宽度的盒子或一个图片。例如,如果你想把一个宽度为 500px 的盒子水平居中,可以使用以下 CSS 代码:
```css
.box {
width: 500px;
margin: 0 auto;
}
```
这个代码片段会把 `.box` 元素的左右外边距都设置为自动,从而把它水平居中。
阅读全文