使用flex布局讓div垂直居中

本文轉載自查看原文 2020-08-25 16:09 2152 html

只需要在父元素加上

    display: flex;
    align-items: center;
    flex-wrap: wrap;
　　justify-content:center;   /* 水平居中 */

這三個屬性就可以使父元素中的元素垂直居中

 flex-wrap: wrap;這個屬性是為了使子元素占滿時自動換行

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 使用flex布局，垂直居中 flex布局實現水平垂直居中 flex布局水平垂直居中 flex垂直居中談談flex布局實現水平垂直居中 CSS——flex 垂直居中 DIV嵌套垂直居中 div 圖片垂直居中小的div在大的div中垂直居中 DIV水平垂直居中CSS