CSS中，我們可以使用多種方法將圖片等距離分開，以下是一種常見的方法，使用CSS的display: flex屬性來實(shí)現(xiàn)：

1、HTML結(jié)構(gòu)：我們需要一個(gè)包含圖片的HTML元素，為了簡單起見，我們可以使用div元素來包裹圖片。

<div class="image-wrapper">
    <img src="path-to-your-image.jpg" alt="描述圖片的文字">
    <img src="path-to-your-image.jpg" alt="描述圖片的文字">
    <img src="path-to-your-image.jpg" alt="描述圖片的文字">
</div>

2、CSS樣式：我們可以應(yīng)用CSS樣式來使圖片等距離分開，這里，我們使用display: flex屬性來創(chuàng)建一個(gè)flex容器，其中的圖片作為flex項(xiàng)自動(dòng)等距離排列。

.image-wrapper {
    display: flex;
    justify-content: space-between; /* 圖片之間等距離排列 */
    align-items: center; /* 圖片垂直居中 */
}

在這個(gè)示例中，justify-content: space-between屬性確保圖片之間等距離排列，而align-items: center屬性使圖片在垂直方向上居中，你可以根據(jù)需要調(diào)整這些屬性來實(shí)現(xiàn)不同的布局效果。

這種方法簡單而靈活，適用于多種場景，你可以根據(jù)具體需求進(jìn)一步調(diào)整和優(yōu)化CSS樣式。