热门标签
热门文章
- 1android手机的根目录,安卓根目录详解
- 2人工智能与交通：驾驶智能化的未来
- 3华为荣耀的激活锁是什么如何解开呢卡在激活设备手机无法进系统学会几种有用的方法_荣耀激活设备锁怎么强制解除
- 4数据库面试问题汇总（超详细）_数据库编程面试
- 5webpack构建速度和体积优化策略_terser-webpack-plugin 提高速度
- 6haproxy配置_haproxy weight 1 check port 80 inter 1s rise 2 fal
- 7CSS拓展——Flex布局和Grid网络布局_css grid布局和flex布局
- 8vnc连接linux使用教程_用vnc实现windows远程连接linux桌面 vnc安装与配置教程
- 9安卓上最好用的Linux终端仿真软件：Termux 从入门到精通深度剖析
- 10Tutorial: Storyboard in XCode 4.2 with Navigation Controller and Tabbar Controller (Part 1)_pnsnavigationcontroller
当前位置: article > 正文
FlexBox-01 布局模型
作者：花生_TL007 | 2024-03-14 08:14:39
赞
踩
FlexBox-01 布局模型
采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。
项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/232750
推荐阅读
相关标签
