在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ css如何實(shí)現(xiàn)定寬的父級(jí)，不定數(shù)量的子元素，如何自適應(yīng)寬度

css如何實(shí)現(xiàn)定寬的父級(jí)，不定數(shù)量的子元素，如何自適應(yīng)寬度

比如父級(jí)有一個(gè)定寬的div，子元素是接口返回的不定數(shù)量的img的url，當(dāng)返回一個(gè)url時(shí)，當(dāng)前的圖片撐滿整個(gè)div，當(dāng)返回兩條時(shí)，均分父級(jí)div的寬度，大于3條時(shí)就側(cè)滑展示。

回答
編輯回答
臭榴蓮

兄弟, css可不好處理這種邏輯

2018年7月26日 17:42
編輯回答
妖妖

提供個(gè)不是CSS的解決方案，用后端來(lái)判斷會(huì)非常簡(jiǎn)單。

2017年3月25日 08:10
編輯回答
逗婦惱

試試flex布局呢

2018年3月11日 00:10
編輯回答
若相惜

試試flex布局，把img全部設(shè)置成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的兼容性寫(xiě)法，你自己寫(xiě)啦，思路基本就是這樣。當(dāng)然如果你要兼容低版本ie的話，只好用js進(jìn)行動(dòng)態(tài)的設(shè)置width或者class了。

2017年5月13日 20:30