c3中的弹性盒子

Posted HelloPengHR!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了c3中的弹性盒子相关的知识,希望对你有一定的参考价值。

今天学了一下c3中的弹性盒子,属性挺多。做一下规整

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

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

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

  先写到这里,要做练习了

以上是关于c3中的弹性盒子的主要内容,如果未能解决你的问题,请参考以下文章

CSS3中的弹性盒子模型

## 弹性盒子属性介绍

CSS 弹性盒子布局详解

盒子属性

弹性盒子中的order

弹性盒子