Css 删除列中选定图像之间的空格

我有一系列的图像分割间隔div，但我需要的图像是一个接一个没有任何间隔。我试过了

float:left 

这给了我想要的效果，但是把所有的东西都扔到左边，并且删除了所有的填充

display: block

似乎不会影响我的形象

但两者都没有给出预期的结果

<div class="stage">
    <div class="spacer"></div>
            <img src="images/portfolio/GifHeader32col.gif" >
            <img src="images/portfolio/lights.png" />
            <img src="images/portfolio/SG-Body.png" />
            <img src="images/portfolio/footer.png" >
    <div class="spacer"></div>
            <img src="images/portfolio/GifHeader32col.gif" >
            <img src="images/portfolio/lights.png" />
            <img src="images/portfolio/SLT-Body.png" />
            <img src="images/portfolio/footer.png" >
    <div class="spacer"></div>
            <img src="images/portfolio/GifHeader32col.gif" >
            <img src="images/portfolio/lights.png" />
            <img src="images/portfolio/SSG-Body.png"/>
            <img src="images/portfolio/footer.png" >
    <div class="spacer"</div>
</div>

-

---

图像是内联的，所以要删除间距，您需要逐字逐句地这样做

i、 e

---

或者，您可以将它们放在无序列表中，并将列表元素向左浮动。

如果将每个图像放在一行中，则所有图像之间都将有空格

---

如果要将图像保持在一行中，请将图像放在

内，并在

上放置一个
浮动：“left”
属性。图像容器img

这就是您要查找的吗？

在CSS中添加以下内容：

注意：仔细检查您的（最后一个div class=“垫片”），它必须是：

<div class="spacer"></div>

---

--->希望能有帮助。。™

虽然这样做会消除间距，但会取消间距的居中。有没有办法让它们保持集中？我不知道你的结构是怎样的，所以我不能准确回答这个问题，但是你可以给这个div设置一个宽度，然后把

边距：0 auto

，这样它的左右边距都相等，这意味着居中。另外，使用间隔符使它们居中也不是一个好的做法，原因如果用户有不同的屏幕分辨率，它可能不会居中。这很完美，但它会将所有图像向左抛出，这样会删除间距，但不会与我的页面的其余部分对齐。如果要使用专门用于拆分页面的元素，请使用

hr

（水平规则），不是

div

。虽然这不是我使用的，但我完全忘记了我可以使用填充来重新对齐它。最后，我使用了div.image-container img{display:inline；float:left；padding left:50px；}，这是您所有努力的组合。再次感谢！

.spacer {
height: 1px;
clear: both;
border-bottom: 1px;
border-style: solid;
border-color: #d6d6d6;
margin: 20px 5px 20px 5px;
}

        <img src="images/portfolio/GifHeader32col.gif" ><!--
     --><img src="images/portfolio/lights.png" /><!--
     --><img src="images/portfolio/SG-Body.png" /><!--
     --><img src="images/portfolio/footer.png" >

.stage img { float: left; }
.spacer { clear: both; }

.stage img{
    float: left;
    margin: 0px 0px 24px 0px;
}

<div class="spacer"></div>