div位于body的水平居中
时间: 2023-06-23 20:54:11 浏览: 88
div水平居中的方法
可以使用CSS中的margin属性来实现将一个子元素(比如div)在body中水平居中。具体的代码如下:
```css
div {
width: 200px; /*设置div的宽度*/
margin: 0 auto; /*设置左右margin为auto*/
}
```
其中,`margin`属性用来设置元素的外边距,通过将左右外边距设置为auto,可以使元素在水平方向上居中。需要注意的是,在使用margin属性进行居中时,需要先将子元素的宽度设置好,这样才能计算出左右外边距的值。
阅读全文