css統合

あなたが普段コードを書いて守っているコード規範について話してください。

垂直方向の中央にはいくつかの実装方法があり、コードの例を示します。

position: absolute; 
top: 50%;
transform: translateY(-50%); /*  CSS3   ，     margin-top: -150px;         */
width: 400px;
height: 300px;

.box:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; /*  box  vertical-align: middle      */
}

display: table-cell;  
vertical-align: middle; 

body {
            display: flex;  /*      flex*/
            align-items: center;