4.4.1 Flex 容器和 Flex 项目

文档摘要

4.4.1 Flex 容器和 Flex 项目 CSS Flexbox 布局详解：Flex 容器与 Flex 项目 4.4.1 Flex 容器 (Flex Container) Flex 容器是 Flexbox 布局的起点。任何元素一旦被设置为 Flex 容器，其直接子元素就成为 Flex 项目，并受到 Flexbox 布局规则的约束。 1. 创建 Flex 容器要将一个元素设置为 Flex 容器，我们需要使用 CSS 属性并将其值设置为或。 : 将元素设置为块级 Flex 容器。它会像一个块级元素一样占据父元素的全部可用宽度，并在其前后换行。 : 将元素设置为行内 Flex 容器。它会像一个行内元素一样，只占据内容所需的宽度，并且不会在其前后换行。