新的自己个人学习 0 评论 31 阅读 13 天前举报
未完成
Flexbox 是 flexible box 的简称意为灵活的盒子容器, 是 CSS3 引入的新的布局模式, 它决定了元素如何在页面上排列, 使他们能在不同的屏幕尺寸和设备下可以预测的展现出来. 它能够扩展和收缩 flex 容器内的元素, 以最大限度地填充可用空间. 和以前布局方式 (如 table 布局和浮动元素内嵌块元素) 相比 Flexbox 是一个更加强大的方式:
1. 在不同方向排列元素
2. 重新排列元素的显示顺序
3. 更改元素的对齐方式
4. 动态地将元素装入容器
虽然 F 了 Xbox 非常适合缩放, 对齐和重新排序元素, 但在整体页面布局和安全支持旧浏览器的网站
flexbox 模型有三个核心概念:
flex 项, 需要布局的元素. flex 容器, 其中包含 flex 项. 排列方向 direction 绝对了 flex 项的布局方向更多的叫主轴.
来源: http://www.qdfuns.com/note/49226/b36e1d07102288d0b9622ea2faec1629.html