将html中的button水平居中
时间: 2024-02-20 14:58:38 浏览: 54
您可以通过将button元素的`display`属性设置为`block`来实现水平居中,然后使用`margin`属性来设置左右的边距。具体的代码如下:
```css
button {
display: block;
margin: 0 auto;
}
```
这将使button元素在其容器中居中,无论容器的大小如何。`display: block`将使button元素变为块级元素,从而使其水平方向占据整个父元素的宽度。`margin: 0 auto`将使button元素上下间距为0,左右间距自动平分剩余的空间,从而实现水平居中。
阅读全文