什么是Flexbox？

    Flexbox是flexiblebox的简称（注：意思是“灵活的盒子容器”），是CSS3引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。

    它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内的元素，以最大限度地填充可用空间。与以前布局方式（如table布局和浮动元素内嵌块元素）相比，Flexbox是一个更强大的方式：

    1、在不同方向排列元素

    2、重新排列元素的显示顺序

    3、更改元素的对齐方式

    4、动态地将元素装入容器

    视频教程推荐：

    flex布局视频教程推荐：2020最新5个flex弹性布局视频教程

    什么情况下不建议使用Flexbox？

    虽然Flexbox非常适合缩放，对齐和重新排序元素，但以下情况应该尽量避免使用Flexbox布局：

    1、整体页面布局

    2、完全支持旧浏览器的网站