css - flex 布局

访问量: 681

refer to: https://www.runoob.com/w3cnote/flex-grammar.html

可以认为是很高级的 类似于table + 比例缩放的 布局

可以解决的痛点:

1. 竖向对齐 ( align-self: flex-start)

2. (宽度)可以动态的调整(响应式)

3. 可以使用 flex-basis 来确定某个不变的列。(flex-item)

典型代码:

效果如下:

订阅/RSS Feed

Subscribe