CSS学习笔记:display:flex

注意

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

阅读更多
文章标签: css flex 布局
个人分类: css
上一篇angularjs 学习笔记
下一篇Rem 使用策略
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭