c3中的弹性盒子

c3中的弹性盒子

  一:display:box /display:box-flex/display:flex都是弹性盒子模型的父元素属性,只不过前两个是以前的老属性,浏览器在更新,规范也在更新,老属性也就被留了下来,现在主要使用第三种样式。 

  

 

  首先要在父元素中设置display: flex;这个属性。我现在的理解就是一种类似于左漂浮的状态,但是其子元素的宽度可以根据各种属性改变。

  1.在子元素中设置order: (number);数值随意的整数,数值越大越往后排。

  2.flex-grow 也是在子元素设置,所有的子元素都设置为1,就均分。宽度设置无效,如果设置2:1:1就是有三个,宽度比例是2:1:1。

 

posted @ 2016-06-01 20:06  HelloPengHR!  阅读(445)  评论(0编辑  收藏  举报