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

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

用flex完成內容垂直置中

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

    置中作法

  • display屬性為flex
  • 透過align-items屬性,控制垂直定位
  • 透過justify-content,控制水平定位
    1
    2
    3
    4
    5
    .box{
    display:flex;
    align-items: center;
    justify-content: center;
    }

© 2020 Leah's Blog All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero