今回は、水平方向と垂直方向の中央揃えのための 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などの属性を全く考慮する必要がないのはすごいですね。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
