css如何实现定宽的父级，不定数量的子元素，如何自适应宽度

Question

比如父级有一个定宽的div，子元素是接口返回的不定数量的img的url，当返回一个url时，当前的图片撑满整个div，当返回两条时，均分父级div的宽度，大于3条时就侧滑展示。

Answer 1

试试flex布局，把img全部设置成flex:1;
html：

<div class="flex">
    <img src="#" class="flex1">
    <img src="#" class="flex1">
    <img src="#" class="flex1">
</div>

css:

.flex { display:flex;flex-wrap: wrap; }
.flex1 { flex:1; }
.flex1 + .flex1 { margin-left:10px; } 
.flex img { min-width:100px; }

flex的兼容性写法，你自己写啦，思路基本就是这样。当然如果你要兼容低版本ie的话，只好用js进行动态的设置width或者class了。

Answer 2

兄弟, css可不好处理这种逻辑

Answer 3

试试flex布局呢

Answer 4

提供个不是CSS的解决方案，用后端来判断会非常简单。