flex布局(3)
来源:互联网 发布:淘宝购买家具退货 编辑:程序博客网 时间:2024/06/05 14:54
上次说到的是flex布局的俩个属性,这次继续整理两个属性。
3.3 flex-flow
flex-flow
属性是flex-direction
属性和flex-wrap
属性的简写形式,默认值为row nowrap
。
.box { flex-flow: <flex-direction> || <flex-wrap>;}
.4 justify-content属性
justify-content
属性定义了项目在主轴上的对齐方式。
.box { justify-content: flex-start | flex-end | center | space-between | space-around;}
它可能取5个值,具体对齐方式与轴的方向有关。下面假设主轴为从左到右。
flex-start
(默认值):左对齐flex-end
:右对齐center
: 居中space-between
:两端对齐,项目之间的间隔都相等。space-around
:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
阅读全文
0 0
- flex布局(3)
- flex布局(3)
- flex布局(弹性布局)
- flex布局(弹性布局)
- Flex布局(1)
- Flex布局(一)
- Flex布局(二)
- flex布局(一)
- flex布局(2)
- flex布局(4)
- flex布局(笔记)
- flex布局(1)
- flex布局(2)
- flex布局篇(一)
- flex布局篇(二)
- flex布局(待看)
- flex布局(Flexible Box)
- flex布局(项目-即子级)
- bzoj2002 [ HNOI2010 ] -- LCT
- bzoj [ 2017省队十连测推广赛1 ] ( 4765 && 4766 && 4767 )题解
- bzoj2049 [ SDOI2008 ] -- LCT
- bzoj2843 -- LCT
- 设置图片圆角加阴影效果
- flex布局(3)
- 51Nod 1228 -- 伯努利数
- bzoj4771 -- dfs序+倍增+主席树
- error MSB600: “cmd.exe”已退出 代码为3
- UnityAI行为------群组行为
- ZJOI2011 Day1 ( bzoj2227~2229 ) 题解
- bzoj2324 [ ZJOI2011 ] -- 费用流
- bzoj2187 -- 类欧几里得算法
- bzoj2712 -- 类欧几里得算法