Flex 常用布局
程序员文章站
2023-01-27 23:08:18
1、flex布局 1.1 容器指定为flex布局 .box{display: flex;} 1.2 行元素指定flex布局 .box{display:inline-flex} 2、容器的属性 2.1、flex-direction 2.2、flex-wrap 2.3、flex-flow 2.4、jus ......
1、flex布局
1.1 容器指定为flex布局
.box{display: flex;}
1.2 行元素指定flex布局
.box{display:inline-flex}
2、容器的属性
2.1、flex-direction 2.2、flex-wrap 2.3、flex-flow 2.4、justify-content 2.5、align-items 2.6、align-content
2.1 flex-direction属性 ——决定项目的排列方向
flex-direction: row; /*(默认值)水平方向,起点在左端*/
flex-direction: row-reverse;/*水平方向,起点在右端*/
flex-direction:column ;/*垂直方向,起点在上沿*/
flex-direction: column-reverse;/*垂直方向,起点在下沿*/
上一篇: 维堡战役的详细经过是怎样的?最后结果如何