Image 将图像包装在div中,这样就不会';不要超过最大宽度

Image 将图像包装在div中,这样就不会';不要超过最大宽度,image,html,word-wrap,Image,Html,Word Wrap,我正在显示一些图像,我希望它们在达到div max width限制时转到下一行 我试过很多东西,但都不管用 这就是问题所在,图像从DIV中消失: 我想在第一个图标下面有最后一个图标,依此类推。我的意思是,我不希望它们超过div宽度。当他们到达极限时,自动遵守极限并转到下一行 这应该不难,我只是不知道怎么做 这是html: <div class="awards-member"> <a href="blabla"><img src="blabla.png">&l

我正在显示一些图像,我希望它们在达到div max width限制时转到下一行

我试过很多东西,但都不管用

这就是问题所在,图像从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>
有什么想法吗?非常感谢男人们

试试看

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