1.启用弹性行为:使用 display 通用属性来创建一个flxbox容器,并将 直属内部子元素 转换 为flex属性.
2.方向:浏览器预默认值下,使用 .flex-row 可设置子元素水平方向排版呈现,或者使用.flex-row-reverse 可实现元素在水平上作反方向排列(右对齐、从右到左布局)。
3.使用 .flex-column 设置垂直方向布局,或使用 .flex-column-reverse 实现垂直方向的反转布局(从底向上铺开)。
1.启用弹性行为:使用 display 通用属性来创建一个flxbox容器,并将 直属内部子元素 转换 为flex属性.
2.方向:浏览器预默认值下,使用 .flex-row 可设置子元素水平方向排版呈现,或者使用.flex-row-reverse 可实现元素在水平上作反方向排列(右对齐、从右到左布局)。
3.使用 .flex-column 设置垂直方向布局,或使用 .flex-column-reverse 实现垂直方向的反转布局(从底向上铺开)。