使用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布局和常用垂直居中 flex垂直居中谈谈flex布局实现水平垂直居中使用flex布局解决百分比高度元素垂直居中 CSS——flex 垂直居中 React Native 中的 Flex Box 的用法（水平布局、垂直布局、水平居中、垂直居中、居中布局）