html两个按钮并排居中
时间: 2023-07-11 18:12:21 浏览: 317
CSS 将两个button按钮垂直+水平居中
可以使用flex布局实现两个按钮并排居中。
HTML代码:
```html
<div class="button-group">
<button class="button">按钮1</button>
<button class="button">按钮2</button>
</div>
```
CSS代码:
```css
.button-group {
display: flex;
justify-content: center;
}
.button {
margin: 0 10px;
}
```
上述代码中,“.button-group”设置为flex布局,并使用“justify-content: center;”将子元素水平居中对齐。“.button”设置了左右间距为10px,可根据实际需求进行调整。
阅读全文