将图像包装在div中，因此不会超过最大宽度

Question

我正在显示一些图像，我希望它们在到达div max宽度限制时转到下一行。

我尝试过很多东西，但都没有。

这就是问题，图像从DIV中消失了：

http://i.imgur.com/68bqa.png

我想在第一个图标下方放置最后一个图标，等等。我的意思是，我不希望它们超过div宽度。当他们到达极限时，自动遵守限制并转到下一行。

这应该不难，我只是不知道如何。

这是html：

<div class="awards-member">
<a href="blabla"><img src="blabla.png"></a>
<a href="blabla1"><img src="blabla1.png"></a>
<a href="blabla2"><img src="blabla2.png"></a>
<a href="blabla3"><img src="blabla3.png"></a>
<a href="blabla4"><img src="blabla4.png"></a>
</div>

这是css：

.awards-member {
    width: 150px;
    }

.awards-member img{
    display: inline-block;
    }

有什么想法吗？非常感谢你！

Answer 1

尝试

.awards-member {
    width: 150px;
    white-space:normal;
    }