ブロック要素を垂直方向に中央に配置

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;
                }