CSS3 flex 布局在 wrap 换行模式下,让中间指定元素换行

10,756 阅读1分钟
  • display: flex; flex-wrap: wrap; 模式下,默认是自动换行,但是有时候需要在指定位置换行。

  • 只需要在换行元素后面,设置一个 div 元素设置样式 width: 100% 即可,就能达到 <br/> 的效果。

    image.png

    <div style="width: 100%; background-color: red;">在 flex 布局中进行了强制换行</div>
    

    放到 flex 布局的元素中即可生效!