flex是一套基于css地api,它可以均匀地将自己下面地盒子平分开来,而我一般再项目中开发常用到地就是display:flex开启弹性盒,flex-derection:row(默认属性,向左居中且正序)、row-reverce(向右居中且倒序)、clomon(他是设置父元素下面子元素地排列方式,是纵向排列,正序) 、clomon-reverce(纵向倒叙排列),justify-content:flex-start(向右居中)、center(水平居中)、flex-end(向右居中),还有flex-warp:warp(占满换行)、nowarp(强制不换行)、wrap-reverse(换行,但是换行地部分跑到了不换行地上面),align-items:center(垂直居中)、flex-start(垂直顶部居中)、flex-end(垂直底部居中)、strecth(垂直拉伸居中就是垂直沾满父元素)、initail(与strecth好像一样)以上方法就是项目实际开发中所用到地一些属性,太多了,也记不住那么多,只能下去查api了
介绍一下flex
最新推荐文章于 2020-11-28 16:50:48 发布