gpt4 book ai didi

css - 如何在 css flexbox 中打破行 ("clear"元素)

转载 作者:技术小花猫 更新时间:2023-10-29 10:12:59 24 4
gpt4 key购买 nike

是否可以“清除”“display: flex”容器中的元素?

我想实现这样的目标:

  • 大屏幕上连续 20 个元素
  • 在较小的屏幕上连续 10 个元素
  • 在小屏幕上连续 5 个元素

有了 float ,我可以在每个第 5 个元素之后通过适当的媒体查询“清除”...

最佳答案

可以在容器中添加flex-wrap: wrap;,设置里面元素的宽度。

那么您应该可以控制 float 将停止在哪些元素上。

演示:http://codepen.io/imohkay/pen/gpard

关于css - 如何在 css flexbox 中打破行 ("clear"元素),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29280775/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com