网页前端后台技巧(CSS+HTML)

CSS3弹性盒模型01

2017-08-16  本文已影响16人  Adapa

属性

弹性盒模型属性 ![Uploading image_412314.png . . ]

1.flex-direction
主轴位置


flex-direction
  1. flex-wrap
    溢出是否换行


    flex-wrap

    3.flex-flow

flex-flow

4.justify-content

justify-content image.png

5.align-items

align-items image.png

6.align-content

image.png

7.Order

Order image.png

数值大的在后面,数值小的在前面
8.Flex-grow

Flex-grow image.png image.png

9.Flex-shrink

Flex-shrink

10.Flex-basis

Flex-basis

11.Flex

Flex

12.Align-self

Align-self
上一篇 下一篇

猜你喜欢

热点阅读