Flex布局（CSS弹性盒子）

CSS3 弹性盒子(Flexible Box 或 Flexbox)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不一样的屏幕尺寸和不一样的显示设备时，元素可预测地运行。对于许多应用程序，弹性盒子模型提供了对块模型的改进，由于它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。    ----摘自MDN 使用CSS弹性盒子css .box{ display: flex; }

>>阅读原文<<