南宁小程序开发,挑战百日学习计划第26天(flex弹性布局)

想不到坚持了那么久,往年的话这个时候我早就放弃了 哈哈,写日记对于一个程序员的进步来说,还是很实在的。现在每天在办公室吹着空调学习,感觉贼带劲! 还有小刘同学的陪伴 哈哈 舒服.

【南宁小程序开发: zkelm.com】

步入正题:我刚刚搞清楚了display的定位,float等,结果发现css的弹性布局才是主流,哎!前端真是要一直奔跑啊,头都大了
我做事一丝不苟的态度,还是很费神的,不过小刘同学说得对,干就完了!
花个一两天把弹性布局学透,前端不就七七八八了嘛 哈哈,南宁小程序开发,挑战百日学习计划第25天(css 选择器)一个大神即将闪亮登场

display:flex 

在这里插入图片描述

基本概念

1.flex container 只要display设置了flex 则,此元素就会变成一个flex container 弹性容器
2.main axis 水平主轴 main start main end
3.cross axis 交叉轴 cross start cross end

容器的基本属性(6个)

1.flex-directive 容器的方向
flex-direction:row (水平 从左到右)
flex-direction:row-reverse (水平。从右到左)
flex-direction:column (垂直 由上到下)
flex-direction:column-reverse (垂直 由下到上)

在这里插入图片描述

未完待续!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值