css中如何实现button垂直居中

css中经常需要button垂直居中，本文就讲解如何通过简单的css代码，实现button垂直居中。

工具/原料

联想Air14

Windows10

HbuilderX3.4.15

方法/步骤

1、在html代码中引入一个按钮，在没有做任何操作的情况下，按钮默认位于左上角。

2、给按钮一个父组件。（本文使用uniapp测试，组件使用view）

3、在父组件中设置vertical-align:middle;后使用flex布局中的垂直居中。

4、保存代码之后刷新，成功实现按钮居中效果。