如何通過最大寬度限制div，但在更小時保持內部元素的寬度？

Question

好了，我有以下的HTML：

<div class="element"> 
    <img src="..."> //Each of width 100px 
    <img src="..."> 
    <img src="..."> 
    ... //Continues depending on user - retrieved using PHP 
</div> 

我的CSS有以下：

.element{ 
max-width: 400px; 
} 

但我的問題是，當只展示了一個IMG的div的寬度仍然是400px？我想要做的是保持內飾元件的寬度，例如當有一個圖像時，div將寬100px;當有2個寬度爲200px時，當它到達4時，它會下到下一行，並繼續像這樣寬度爲400px，現在高度變化以補償更多圖像。

任何人有任何想法如何做到這一點？我試過使用最小寬度/最大寬度的組合，但我似乎無法使其正常工作。

Answer 1

.element{ 
max-width: 400px; 
display:inline-block; 
}