css控制button在布局内上下居中
时间: 2023-07-09 20:40:41 浏览: 100
CSS 将两个button按钮垂直+水平居中
可以通过将button的display属性设置为flex,再设置justify-content和align-items属性均为center来实现button在布局内上下居中。
HTML代码示例:
```html
<div class="container">
<button>按钮</button>
</div>
```
CSS代码示例:
```css
.container {
height: 200px; /* 假设容器高度为200px */
display: flex;
justify-content: center;
align-items: center;
}
button {
/* 其他样式 */
}
```
这样设置后,即可使button在容器内上下居中。
阅读全文