前端代码，布局，元素 水平垂直居中的方法大全

1、<style>

   .parent {

       width: 500px;

       height: 500px;

   }

   .child {

        margin-bottom: 10px;

        width: 100px;

        height: 100px;

     }

</style>

<div class="parent" style="border:1px solid red;">

    <div class="child" style="border:1px solid blue;">水平垂直居中</div>

    <div class="child" style="border:1px solid black;">水平垂直居中</div>

</div>