首页 新闻 会员 周边 捐助

css: flexbox 布局如何实现 overflow 时自动换行

0
悬赏园豆：30 [已解决问题] 解决于 2023-04-29 17:53

博客后台相册中上传图片的UI就遇到了这个问题，见下图

dudu的主页 dudu | 高人七级 | 园豆：24668
提问于：2023-04-29 16:30
< >
分享
最佳答案
0

解决方法：

1）给包含“选择文件”与预览图片列表的 .upload-container 添加 display: flex;

.upload-container {
    display: flex;
}

2）从包含预览图片列表的 .upload-preview-container 中移除 display: flex;

.upload-preview-container {
display: flex;
}

3）将针对每张图片的 .upload-preview-images-item 中的 display: flex; 改为 display: inline-flex;

.upload-preview-images-item {
    display: inline-flex;
}

解决后的效果：

dudu | 高人七级 |园豆：24668 | 2023-04-29 17:51
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。