4种超简单的HTML水平垂直居中方法 结构: <body> <div class="box"> <div class="box1"></div> </div> </body> 样式: /* 父级盒子 */ .box{ width: 600px; height: 600px; border: 1px solid black; } /* 子级盒子 */ .box1{ width: 300px; height: 300px;