CSS樣式表是網頁設計中的常見工具之一，它可以幫助開發者實現各種樣式效果。在網頁設計中，經常會遇到希望讓圖片在中間顯示，同時設置間隔的需求。下面介紹如何使用CSS來實現這一效果。

img {
display: block;
margin: auto;
padding: 10px;
}

以上代碼將圖片設置為塊級元素，利用margin來將圖片居中顯示。同時，padding屬性用于設置圖片周圍的間隔大小。

如果希望圖片和文字等元素保持一致的橫向間隔，可以使用以下代碼：

img {
vertical-align: middle;
border: none;
margin: 0 10px;
}

以上代碼將圖片的vertical-align屬性設置為middle，使其與周圍文本垂直居中；同時去掉了圖片的border，讓其與文本更加自然融合。margin屬性則用于設置圖片左右的間距值。

綜上所述，CSS樣式表可以幫助開發者輕松實現各種圖片間隔的設計效果。但需要注意的是，不同瀏覽器解析CSS樣式的方式可能會導致不同的顯示結果，開發者需要在實際項目中進行適當調試。