弹性布局是？

1.什么是弹性布局？

1.首先呢，弹性布局是一种制作网页方式；

2.它是用于移动端的；

3.弹性布局又称“flex”布局.

2.弹性布局使用！

1. 给父元素添加display:flex属性；
2. display:inline-flex; 容器添加弹性布局后，显示为行级元素；
3. 设为 Flex布局后，子元素的float、clear和vertical-align属性将失效。但是position属性，依然生效。
4. display:flex; 容器添加弹性布局后，显示为块级元素；

.tanx{
display.flex;
}

3.作用于父元素的6大属性

• row（默认值）： 主轴为水平方向，起点在左端；
•  row-reverse： 主轴在水平方向，起点在右端 ；

• column：主轴为垂直方向，起点在上沿；
• column-reverse：主轴为垂直方向，起点在下沿.

4.flex-wrap属性定义，如果一条轴线排不下，怎样换行？

1.  nowrap（默认）：不换行。当容器宽度不够时，每个项目会被挤压宽度；
2.  wrap： 换行，并且第一行在容器最上方；
3.   wrap-reverse： 换行，并且第一行在容器最下方.

5.示例！

上面是我做相目写的弹性布局代码，大家可以看看！

注意一定要用link标签将CSS与HTML关联一下！

好了我的分享就到此结束了！