Html 带显示的布局：内联块不面向线

我对此页面的布局有一些问题： 如果视口宽度设置为中间值（约800px），则布局不面向线。在一些生产线上，只有很少的瓶子，尽管会有更多的空间。有没有办法解决这个问题，也许可以使用引导？最好将容器底部对齐。 我的CSS：

我的HTML：

<a href="i/360widex43high.jpg" class="photo-link fancybox" title="360widex43high">
<img src="t/360widex43high.jpg" /><br>360widex43high</a>
<a href="i/43widex360high.jpg" class="photo-link fancybox" title="43widex360high">
<img src="t/43widex360high.jpg" /><br>43widex360high</a>

是否希望每个图像都有不同的图像大小？我想说的是，如果你在每张图片上都有相同的高度，那么填充每个空白就更容易了

问题已经解决：我忘记删除CSS中的“float:left”。现在布局像我预期的那样是直线方向的，图像是底部对齐的。

<a href="i/360widex43high.jpg" class="photo-link fancybox" title="360widex43high">
<img src="t/360widex43high.jpg" /><br>360widex43high</a>
<a href="i/43widex360high.jpg" class="photo-link fancybox" title="43widex360high">
<img src="t/43widex360high.jpg" /><br>43widex360high</a>