div中button水平居中
时间: 2024-05-10 07:16:17 浏览: 46
div水平居中的方法
可以使用CSS的flex布局来实现按钮水平居中。具体的实现方法如下:
HTML代码:
```
<div class="container">
<button>按钮</button>
</div>
```
CSS代码:
```
.container {
display: flex;
justify-content: center;
}
```
以上代码会将按钮水平居中在其父元素中。如果需要将按钮垂直居中,可以使用`align-items: center;`属性。
阅读全文