ブロック要素を垂直方向に中央に配置
813 ワード
ブロック要素を垂直方向に中央に配置 flexレイアウトを使用して、サブ要素を水平に中央に配置する . positionを使用して位置決めする
#div{
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
}
またはdiv{
width: 200px;
height: 150px;
border: 1px solid aqua;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}