html按钮怎么居中
时间: 2023-07-16 13:15:28 浏览: 123
如何让你的html button本身居中的实现
5星 · 资源好评率100%
你可以使用CSS将按钮居中。可以将按钮的父元素设置为 display: flex; 并将其子元素(即按钮)的属性设置为 margin: auto;。这将使按钮水平和垂直居中于其父元素中心。
例如,HTML代码如下:
```
<div class="container">
<button>按钮</button>
</div>
```
对应的CSS代码如下:
```
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* 可以设置父元素高度,使按钮在中心 */
}
button {
margin: auto;
}
```
这将在页面上居中显示一个按钮。
阅读全文