設置圖像的高度和寬度根據圖像數量單格div

如果div只包含一個圖像，但如果多於一個圖像，則圖像寬度爲100％，然後根據項目設置圖像。設置圖像的高度和寬度根據圖像數量單格div

例。 1圖像然後寬度100％和高度100％，2圖像然後寬度50％和高度50％，3圖像然後寬度33.333％和高度33.333％。 enter image description here

2017-04-05 swapneel patidar

對於一個簡單而優雅的方法，您可以使用引導 – Ionut

請儘快解決這個問題，因爲可能 –

感謝名單lonut但如何使用bcz我們可以只給自舉類 –

儘量拉出來一些圖片的人要採取的地方

.container{display: flex; justify-content: flex-start; flex-direction: row;} 
 
img{display: block; width: 100%; object-fit: contain;}

<div class="container"> 
 
    <img src="http://placehold.it/350x150"> 
 
    <img src="http://placehold.it/350x150"> 
 
    <img src="http://placehold.it/350x150"> 
 
    <img src="http://placehold.it/350x150"> 
 
</div>

來源

2017-04-05 10:45:05 Venzacc

你沒有得到我的觀點,,,如果只有一個圖像，那麼它不適合100％ –

我試試這謝謝它的工作。做得好。更多的幫助，我只需要在一行中的4個圖像如何斷行 –

將CSS更改爲'.container {display：flex; justify-content：flex-start; flex-direction：row; flex-wrap：wrap;} img {display：block;最大寬度：25％;寬度：100％; object-fit：fill;}' – Venzacc

設置圖像的高度和寬度根據圖像數量單格div

回答

相關問題