body { text-align: center; padding: 20px; font-family: Arial, sans-serif; }设置左右边距为居中
时间: 2024-09-11 18:08:45 浏览: 20
您提供的CSS代码已经设置了一个元素的文本对齐方式为居中(`text-align: center;`),并且添加了20像素的内边距(`padding: 20px;`),以及指定了字体族为Arial(`font-family: Arial, sans-serif;`)。但是,您提到的“设置左右边距为居中”可能有些误解。
在CSS中,`text-align: center;` 适用于内联内容(如文本、图片等),它会使得这些内容在包含它的块级元素内居中对齐。而 `padding: 20px;` 为元素提供了上下左右各20像素的内边距,不是边距(margin),内边距会影响到元素内部与边框之间的空间,但是不会改变元素在外部的对齐方式。
如果要使一个块级元素在页面中水平居中,通常需要设置该元素的左右外边距(margin)为自动(`auto`)。例如,如果您想要一个`div`元素在页面中居中,您可以这样做:
```css
div {
width: 50%; /* 或者具体的像素值 */
margin-left: auto;
margin-right: auto;
}
```
这样设置后,如果`div`元素的宽度不是100%,它会在父元素内水平居中显示。