HTML:图像向左浮动？

Question

我想制作一个显示大量图片的页面。

<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">

如果它们都具有相同的宽度和高度，则看起来不错。但是当其中一个尺寸更大时会发生什么？它打乱了所有的布局，显示一个使它看起来很难看的空白。

如何解决这个问题？

Answer 1

你为什么不把 width: 150px 或任何你想要的大小放在那个 css 里？

<style>
img{margin-bottom: 3px; width: 150px; float: left}
</style>