当设置display:flex后,图片不显示;
解决方案:1. 可以直接删除display:flex
当然如果display涉及到很多元素,显然删除是不理智的
解决方案2:
排查方案:打开调试器,将鼠标放置swiper元素上,可见swiper|0*150;
说明width为0,如下方

可将swiper元素上,添加width,便可解决不显示问题。如下方图示

本文探讨了在使用Flex布局时遇到的图片不显示问题,并提供了两种有效的解决方案:一是直接删除display:flex属性;二是为元素添加宽度属性,确保元素具有正确的尺寸。
当设置display:flex后,图片不显示;
解决方案:1. 可以直接删除display:flex
当然如果display涉及到很多元素,显然删除是不理智的
解决方案2:
排查方案:打开调试器,将鼠标放置swiper元素上,可见swiper|0*150;
说明width为0,如下方

可将swiper元素上,添加width,便可解决不显示问题。如下方图示


被折叠的 条评论
为什么被折叠?