CSS-置中(align-items＆justify-content)

用flex完成內容垂直置中

• flex屬性解釋連結：在容器中分配並行空間(flex)
• 參考

  置中作法

• display屬性為flex
• 透過align-items屬性，控制垂直定位
• 透過justify-content，控制水平定位

  .box{
      display:flex;
      align-items: center;
      justify-content: center;
  }