Question

我有三个图像位于缩略图框内。当全屏或在2000宽度（屏幕尺寸）下查看网站时，图像看起来很好并且内联 - 但是，在2000到4000维度之间（就在全屏之前），图像似乎打破了他们的“内联”代码，因为它们所处的图像和缩略图框的大小导致其中一个图像出现在两个图像下方，这样它仍然可以放在缩略图中。无论如何都要告诉拇指指甲内的三个图像缩小到一定的大小，以便它们可以由于屏幕的特定宽度而保持内联？

这是我当前的HTML

<div class="col-lg-4 ">
    <div class="thumbnail">
        <div align="center">
            <img src="~/Content/Images/HSC_Logo150.jpg"
                 alt="HSC Application"
                 style="display: inline" />
            <img src="~/Content/Images/NMMB_logo_v2.png"
                 style="display: inline; height: 150px; margin-left: 20px; margin-right: 20px; " />
            <img src="~/Content/Images/LACredFinal.jpg"
                 style="display: inline;" />
        </div>

缩略图和图像大小

0 个答案: