我想制作一个显示大量图像的页面。
<style>
img{margin-bottom: 3px; float: left}
</style>
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
<img src="myimg.png">
如果它们都具有相同的宽度和高度,它看起来很好。但是当其中一个尺寸更大时会发生什么?它弄乱了所有布局,显示出一个使它看起来很难看的空白区域。
如何解决这个问题?