我有一個包含文本的div的flex行。沒有柔性包裝:包裝;規(guī)則,div中的文本將隨著flex行寬度的減小而換行。這是我想要的行為。然而,一旦第二個div的寬度小于200px,我也希望flex行本身能夠換行。添加flex-wrap:wrap;將允許flex行換行,但也意味著第二個div將不再換行。有沒有可能實現(xiàn)兩種行為——當?shù)诙€div大于200px時文本換行,當?shù)诙€div大于200px時flex行換行?
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
}
.second {
min-width: 200px;
}
<div class="flex">
<div>this is the first element</div>
<div class="second">this is some long text that should wrap</div>
</div>