flex布局
一.flex布局好处:
flex布局可以更细致的控制每个元素,使其更简介,快速,完整的实现布局。
二.flex布局的元素
felx有两个元素,分别为container和items。
1.container
container元素为父元素,用于包裹items元素,开启flex布局有两种方式。
方式一:给container元素添加display:felx;意思是开启flex布局但是container元素为块级元素,不会和别的元素在同一行显示,(比如strong元素)。
方式二:给container元素添加display:inline-flex:意思是开启flex布局,但是会跟其他元素在同一行显示。
2.container中的属性:flex-wrap
container有两个轴,分别为主轴和交叉轴。主轴可以理解为container的宽度,在默认情况下,他是从左到右。交叉轴可以理解为container的高度,默认情况下他是从上到下的。他们的开始位置被称之为start。结束位置被称之为end我们可以用一些属性去改变他们的开始位置和结束位置。比如:
.test{
height