在 CSS 中，我们可以通过几种不同的方式来调整图片之间的距离。以下是常用的方法：

/* 方法一：使用 margin 属性 */
img {
margin: 10px;
}
/* 方法二：使用 padding 属性 */
.container {
padding: 10px;
}
.container img {
margin: 0;
}
/* 方法三：使用 flexbox 布局 */
.container {
display: flex;
justify-content: space-between;
}
.container img {
margin: 0;
}

第一种方法使用 margin 属性来调整图片间距。我们可以为图片元素设置一个 margin 值，这样就能够控制图片与其他元素之间的距离。这种方法非常简单易懂，同时也具有很高的可读性。

第二种方法使用 padding 属性。我们可以通过为图片容器元素设置 padding，来让图片与容器之间保持一定的距离。这种方法的优点是可以同时调整图片的间距和图片与容器的间距，但需要注意的是，图片容器的背景色必须是不透明的，否则可能会产生不必要的问题。

第三种方法是使用 flexbox 布局。我们可以为图片容器元素设置 display: flex，并使用 justify-content 属性来控制图片之间的距离。这种方法需要一定的 CSS 知识，并且对于一些老旧的浏览器可能不太兼容，但它具有非常大的灵活性。

无论我们采用哪种方法，在设置图片之间的距离时，我们需要根据实际效果来调整具体的数值。在实践中，我们可以尝试不同的数值，找出最适合我们需求的间距值。