作者：手机用户2502860565 | 来源：互联网 | 2023-05-16 11:35
是否可以在"display:flex"容器中"清除"元素？
我希望实现这样的目标:
大屏幕上连续20个元素
较小屏幕上连续10个元素
小屏幕上连续5个元素
有了浮点数,我可以在每个第5个元素之后用适当的媒体查询"清除"......
1> 小智..：
您可以添加flex-wrap: wrap;到容器并设置内部元素的宽度.
然后你应该有控制来决定浮动将停止的元素.
演示:http://codepen.io/imohkay/pen/gpard
@peterjmag刚刚经过并看到了。我整理了答案，您现在可以投票给他。
2> César Alberc..：
您可以尝试向容器内的元素以及属性添加带有百分比的宽度。然后，通过媒体查询，在给定断点的情况下操纵所述元素的宽度。这是一个例子：flex-wrap: wrap
.container {
display: flex;
flex-wrap: wrap;
}
.element {
width: calc(25% - 20px);
height: 100px;
margin: 10px;
background-color: red;
}
@media(max-width: 800px) {
.element {
width: calc(50% - 20px);
}
}
京公网安备 11010802041100号