色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

動態(tài)伸縮換行和自動換行

錢浩然1年前9瀏覽0評論

我有一個包含文本的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>