首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

【移动端网页布局】flex 弹性布局 ② ( flex 弹性布局原理 | flex 容器属性 | 主轴与侧轴 | 设置主轴方向 flex-direction 样式 )

设置了 display: flex flex 弹性布局样式 , 该盒子模型元素 成为了 flex 容器 ( Flex Container ) , 可以设置如下 属性样式 : 设置主轴方向 : flex-direction...样式 ---- 1、主轴与侧轴 flex 弹性布局中 , 存在 主轴 和 侧轴 两个概念 , 主轴 : x 方向 , 水平向右 ; 侧轴 : y 方向 , 垂直向下 ; 2、设置主轴方向 flex-direction...主轴方向 默认情况下 , 主轴的方向是水平向右的 , 但是主轴的方向是可以 通过设置 flex-direction 样式 改变的 ; 设置主轴方向 flex-direction 样式取值 : 默认样式...从下到上 : column-reverse ; 3、代码示例 - 默认主轴方向: 从左到右 下面的代码是 默认的主轴方向 , 没有做任何修改 , 作为参照案例使用 ; 当前状态下 , 与设置 flex-direction...将展示样式设置为 flex 即可启用弹性布局 */ display: flex; /* 将主轴设置为 从右到左 */ flex-direction

31510
领券