-
在
display: flex; flex-wrap: wrap;
模式下,默认是自动换行,但是有时候需要在指定位置换行。 -
只需要在换行元素后面,设置一个
div
元素设置样式width: 100%
即可,就能达到<br/>
的效果。<div style="width: 100%; background-color: red;">在 flex 布局中进行了强制换行</div>
放到
flex
布局的元素中即可生效!
2023-10-22 16:26:46
在 display: flex; flex-wrap: wrap;
模式下,默认是自动换行,但是有时候需要在指定位置换行。
只需要在换行元素后面,设置一个 div
元素设置样式 width: 100%
即可,就能达到 <br/>
的效果。
<div style="width: 100%; background-color: red;">在 flex 布局中进行了强制换行</div>
放到 flex
布局的元素中即可生效!