SAP Spartacus b2b home页面的自动换行是怎么做到的

如下图所示：

6个banner的父节点，cx-page-slot, 是一个flex container：

this element is causing an element to overflow.

如果去掉display：flex属性，效果如下：

如果保留display:flex, 但是去掉flex-wrap：wrap，效果如下：

flex-wrap默认值是nowrap，即在一条水平线上显示。

• nowrap (default): single-line which may cause the container to overflow
• wrap: multi-lines, direction is defined by flex-direction
• wrap-reverse: multi-lines, opposite to direction defined by flex-direction wrap-reverse 的显示效果：

this element behaves like a block element and lays out its content according to the grid model.

In HTML programming, a block-level element is any element that starts a new line (e.g., paragraph) and uses the full width of the page or container. A block-level element can take up one line or multiple lines and has a line break before and after the element.