用css margin去掉横排图片之间的间距

首先需要明确一点，图片之间存在间距的原因通常是由于其默认的外边距（margin）和内边距（padding）引起的。接下来，提供以下两种方法可以去掉横排图片之间的间距。

方法一：设置图片的display属性

将图片的display属性设置为“inline-block”，然后设置其外边距（margin）为负值就可以去掉图片之间的间距了。比如：

img {
    display: inline-block;
    margin: -5px; /* 可以根据实际情况调整 */
}

在这个示例中，我们将图片的display属性设置为“inline-block”，并将外边距（margin）设置为负数，这样就可以去掉图片之间的间距了。不过注意，需要根据实际情况调整外边距的值，以确保图片之间的距离正确。

方法二：使用flex布局

使用flex布局也可以去掉图片之间的间距。我们可以将图片的父元素设置为flex容器，然后使用flex布局控制图片之间的间距。比如：

.container {
    display: flex;
    justify-content: space-between;
    /* 或者是 justify-content: center; */
}

img {
    display: inline-block;
}

在这个示例中，我们将图片的父元素设置为flex容器，并使用justify-content属性控制图片之间的间距。使用space-between属性可以让图片等距分布，或者使用center属性让图片居中对齐。

以上就是用CSS margin去掉横排图片之间的间距的完整攻略，希望能够帮助到你。