|HTML知识梳理大全（七）！

【|HTML知识梳理大全（七）！】

文章图片

1.什么是flex布局？
flex布局通俗来讲就是通过给元素添加display：flex属性的方式，并根据flex针对父级元素及子元素通过属性设置完成页面布局的一种方式。
2.flex布局中常见的设置父元素的属性有哪些？
① flex-direction 。确定主轴的方向，通常默认主轴的方向是x轴。
② justify-content 。主轴方向上子元素的排列方式。
③ align-items 。侧轴方向上子元素的排列方式，只是适用于单行元素。
④align-content 。侧轴方向上子元素的排列方式，只是适用于多行元素。
⑤flex-wrap 。定义了是否换行。

3.flex布局中常见的设置子元素的属性有哪些？
① align-self 。子元素的排列方式。
② flex 。子元素所占的份数。
③ order 。子元素的排序。
4.移动端常见的布局方式有哪些？
流式布局（百分比布局）、flex布局、rem布局、vw布局、响应式布局。