Flexbox - 概述

层叠样式表(CSS) 是一种简单的设计语言，旨在简化使网页呈现的过程。CSS 处理网页的外观和感觉部分。

使用 CSS，您可以控制文本的颜色、字体样式、段落之间的间距、列的大小和布局方式、使用的背景图像或颜色、布局设计、不同设备和屏幕尺寸的显示变化以及各种其他效果。

要在 CSS 中确定框的位置和尺寸，您可以使用可用的布局模式之一 -

所有这些模式都用于对齐文档、文本、表格等特定元素，但是，这些模式都没有提供布局复杂网站的完整解决方案。最初，这是使用浮动元素、定位元素和表格布局（通常）的组合来完成的。但浮动只允许水平放置盒子。

什么是弹性盒？

除了上述模式之外，CSS3还提供了另一种布局模式Flexible Box，俗称Flexbox。

使用此模式，您可以轻松地为复杂的应用程序和网页创建布局。与浮动不同，Flexbox 布局可以完全控制盒子的方向、对齐方式、顺序和大小。

以下是 Flexbox 布局的显着特征 -

以下是支持 Flexbox 的浏览器。