Question

我在使用此页面的布局时遇到一些问题： http://ulrichbangert.de/div/webdesign/php/bottle-library/hellyers.php 如果视口宽度设置为中等值（大约800px），则布局不是面向行的。在某些生产线上只有很少的瓶子，尽管有更多的空间。有没有办法解决这个问题，也许是通过使用bootstrap？如果容器的底部是对齐的，那将是最好的。我的CSS：

        .photo-link {
            max-width: 300px;
            display: inline-block;
            float: left;
            text-align: center;
            font-size:medium;
            padding:5px;
            margin:5px;
            border:3px solid #663366;         
        }

我的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>

Answer 1

您希望每张图片都有不同的图像尺寸吗？我想如果你在每张图片上都有相同的高度，那么填充每个空白区域会更容易。

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

1 个答案: