让这段代码的button元素居中
时间: 2024-02-13 16:06:40 浏览: 62
CSS 将两个button按钮垂直+水平居中
要让一个元素居中,可以使用CSS中的flex布局和align-items属性。假设这段代码中的button元素的class为"my-button",可以这样修改代码:
```html
<div class="container">
<button class="my-button">Click me</button>
</div>
```
```css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* 可以设置一个高度,让元素垂直居中 */
}
.my-button {
/* 其他样式 */
}
```
这样就可以让button元素在容器中水平和垂直居中了。
阅读全文