CSSの縦横中央揃えの方法を紹介（使い方は超簡単！）_html/css_WEB-ITnose

今回は、水平方向と垂直方向の中央揃えのための CSS メソッドを紹介します。この方法は、早速、コードを示します。

html,body{

width:100 %;

height:100%;

}

要素を中央に配置する必要があります {

position:fixed;(absolute)
left:50%;
top:50%;
-webkit-transform: translation( -5 0%, -50%);

}

親要素{

position:relative;

width:100%;

height:100%;

}

もちろん、あなたの親要素高さが必要です。はい、HTML と本文の高さ:100% に基づいているか、特定の高さに基づいているかに関係なく、要素を中央に配置できます。 marginやpadding、floatなどの属性を全く考慮する必要がないのはすごいですね。