css水平垂直居中的几种方法

1、双击打开HBuilderX开发工具，新建一个HTML5页面，输入文件名并点击创建按钮

3、添加style标签元素，分别使用class选择器设置父子div的样式，设置margin属性值

5、接着修改代码，将margin属性改为position，并分别设置div的样式

7、去掉position属性，然后设置display值为flex，并添加justify-content和align-items属性