介绍一下flex

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了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值