如下圖所示：

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.

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus b2b home页面的自动换行是怎么做到的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。