html button居中
时间: 2023-07-07 17:32:05 浏览: 102
html居中问题
要让HTML的button元素居中,可以使用CSS的text-align和line-height属性。
首先,将button元素放置在需要居中的容器中,然后将容器的text-align属性设置为center,这样就可以将button元素水平居中了。例如:
```html
<div style="text-align:center;">
<button>My Button</button>
</div>
```
接下来,可以使用line-height属性将button元素垂直居中。将line-height的值设置为容器的高度即可。例如:
```html
<div style="text-align:center; height: 100px; line-height: 100px;">
<button>My Button</button>
</div>
```
这样就可以将button元素水平和垂直居中了。
阅读全文