flex布局
- flex之前的布局
- flex之后
- 基本概念
- flex container的六个属性
- flex item
- 例子
- 参考
flex之前的布局
- 正常流就是文档流,内联元素从左到右,块元素从上往下
- 浮动,float+clear
- 定位 position + absolute
- display online-block
- 负margin
//现在用的最多的是浮动/flex,年底可能grid就要出了
css3来了之后就有了flex布局//flex就是弹性布局的意思
- 块级布局侧重垂直方向,行内布局侧重水平方向,flex布局是与方向无关的
- flex布局可以实现空间的自动分配,自动对齐(flexble:弹性,灵活)
- flex适用于简单的线性布局,更复杂的布局要交给grid布局(还没发布)
网友评论