3

我正在展示一些图像,我希望它们在达到 div 最大宽度限制时转到下一行。

我已经尝试了很多东西,但都没有奏效。

这就是问题所在,图像从 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;
    }

任何的想法?非常感谢男人!

4

1 回答 1

2

尝试

.awards-member {
    width: 150px;
    white-space:normal;
    }
于 2012-10-09T13:04:23.277 回答