Css 柔性包裹：包裹不'；更改浏览器时不换行'；s宽度

我已经添加了所有属性。当我改变浏览器的宽度时，它们开始互相粘着，这不起作用，因为我有太多的图像

无法将图像换行到新行：

#skills>div{
边缘顶部：80px；
显示器：flex；
柔性包装：包装；
弯曲方向：行；
证明内容：之间的空间；
}

技能
python
Javascript
Vue.js
Node.js
蒙哥达
Express.js
巴贝尔js
NPM
HTML
CSS
无礼
独自创立
滑动分页
AJAX
宁静的
赫罗库

您已指定此

#skills > div > div {
    width: 15%;
}

---

将其更改为flex basis:15%，您可以使用媒体查询以更适合移动/平板设备的方式更改该属性

似乎有效。也许你有更多的css覆盖你的规则？我附上了一张照片。点击我的问题文本中的链接它工作正常，你能给你的页面添加一个url吗？照片不能帮助我们了解发生了什么。你能提供一个复制你的问题的小提琴吗？或者在您的问题中提供更多的代码？请查看www.oolooq.iot详细说明我的答案，您没有指定flex basis值，因此它默认为auto，但由于您指定了使用该值的宽度属性，并且该值优先于flex basis:auto。这就是为什么你的元素没有以更小的分辨率包装，它们占据了可用空间的15%宽度，而你的图像没有设置“最大宽度”属性，所以它们有点重叠。