#moumou{
display:flex;
flex-wrap:wrap;
}
这样设置后,元素下的子元素会产生上下的边距。
原因:
在设置了***flex-wrap:wrap;***后,会有一个属性align-content,其默认值为:stretch,默认值。元素被拉伸以适应容器。
各行将会伸展以占用剩余的空间。如果剩余的空间是负数,该值等效于’flex-start’。在其它情况下,剩余空间被所有行平分,以扩大它们的侧轴尺寸。
所以,添加css样式:
align-content:flex-start;
就可以了。
元素位于容器的开头。
(菜鸟一枚,欢迎指正。(%-%))