css統合

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

cssの":"の後にスペース

を追加

"{"の前にスペース

を追加

"}"単独行

各声明には、セミコロン

が付けられています.

連続単語間のスペース

の代わりに「-」を使用します.

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

絶対位置決め

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

vertical-align

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

table-cell

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

flex

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

jsbin