弹性盒子布局的基础知识总结上

本文总结了弹性盒子布局的基础知识,包括区别、设置方式、组成部分、主轴和侧轴对齐方式。重点讲解了align-self属性在改变弹性子盒子侧轴对齐中的应用。在实际项目中,弹性盒子常用于移动端自适应布局,如设置宽度100%实现屏幕适配,以及在支付场景下避免内容被底部固定定位盒子遮挡。同时,弹性盒子允许行内元素设置宽高,且元素间的触点范围最小为40*40像素。
摘要由CSDN通过智能技术生成

一、区别:

PC端网页和移动端网页的有什么不同?
1、 PC屏幕 ,网页 固定版心
2、 手机屏幕 , 网页宽度多数为 100%

二、设置方式:

父元素添加 display: flex ,子元素可以自动的挤压或拉伸

三、组成部分:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值