什么是柔性布局(问号脸)?以前盒子的布局都是用position、float、display来布局的。事实上,这非常烦人。最近发现一个知识点,就是弹性布局。下面我们就来看看什么是弹性布局吧!什么是ElasticLayout弹性就是Flex,用来为盒模型提供最大的灵活性,任何容器都可以指定为Flex布局。例如:.box{display:flex;}.box{inline-display:flex;}注意设置flex布局后,子元素的float、clear、vertical-align属性将失效!!!其基本概念采用了弹性布局元素,称为弹性容器(flexcontainer),简称“容器”。它的所有子元素都自动成为容器的成员,称为弹性项目(flexitem),简称“项目”。容器有两个轴,水平主轴(mainaxis)和垂直横轴(crossaxis),起点和终点都在容器的边界。Howtodo说实话,我知道的不多,只能写我知道的!比如先定义两个盒子:.box{width:200px;高度:200px;背景色:rgb(135,135,248);显示:弹性;对齐项目:居中;证明内容:居中;}。内部{宽度:100px;高度:100px;背景:粉色;对齐自我:弹性结束;}
