我正在展示一些图像,我希望它们在达到 div 最大宽度限制时转到下一行。
我已经尝试了很多东西,但都没有奏效。
这就是问题所在,图像从 DIV 中出来:
我想把最后一个图标放在第一个图标下面,等等。我的意思是,我不希望它们超过 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;
}
任何的想法?非常感谢男人!