在嵌套flex容器时正确使用flex属性-Properuseofflexpropertieswhennestingflexcontainers

28  

The scope of a flex formatting context is limited to a parent/child relationship.

flex格式上下文的范围仅限于父/子关系。

This means that a flex container is always the parent and a flex item is always the child. Flex properties work only within this relationship.

这意味着flex容器始终是父容器，而flex项始终是子容器。 Flex属性仅在此关系中起作用。

Descendants of a flex container beyond the children are not part of flex layout and will not accept flex properties.

子项之外的Flex容器的后代不是flex布局的一部分，并且不接受flex属性。

You will always need to apply display: flex or display: inline-flex to a parent in order to apply flex properties to the child.

您将始终需要将display：flex或display：inline-flex应用于父级，以便将flex属性应用于子级。

There are certain flex properties that apply only to flex containers (e.g., justify-content, flex-wrap and flex-direction), and there are certain flex properties that apply only to flex items (e.g., align-self, flex-grow and flex).

某些flex属性仅适用于flex容器（例如，justify-content，flex-wrap和flex-direction），并且某些flex属性仅适用于flex项目（例如，align-self，flex-grow和柔性）。

However, flex items can also be flex containers. In such cases the element can accept all flex properties. Being that each property performs a different function, there is no internal conflict and nothing needs to be overridden.

但是，flex项也可以是flex容器。在这种情况下，元素可以接受所有flex属性。由于每个属性执行不同的功能，因此不存在内部冲突，也不需要覆盖任何内容。