关闭

CSS学习笔记:display:flex

标签: cssflex布局
90人阅读 评论(0) 收藏 举报
分类:

注意

Flex布局以后,子元素的float、clear和vertical-align属性将失效

属性

  1. flex-direction(row | row-reverse | column | column-reverse)
  2. flex-wrap(nowrap | wrap | wrap-reverse)
  3. flex-flow
  4. justify-content(flex-start | flex-end | center | space-between | space-around;)
  5. align-items(flex-start | flex-end | center | baseline | stretch;)
  6. align-content(flex-start | flex-end | center | space-between | space-around | stretch;)

order属性

  1. order: 1 2 顺序、

flex-grow属性 flex-shrink属性

1 flex-grow: 1 2 放大比例
2 flex-shrink: 1 2 缩小 默认都是1

flex-basis属性

项目占据的主轴空间 length> | auto

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:874次
    • 积分:69
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档