在CSS中，您可以通過(guò)使用margin屬性來(lái)設(shè)置兩張圖片之間的間隔，以下是一個(gè)簡(jiǎn)單的示例，展示如何為兩張圖片添加間隔：
<!DOCTYPE html>
<html>
<head>
<style>
.image-container {
display: flex;
align-items: center;
justify-content: center;
}
.image-item {
margin: 10px;
}
</style>
</head>
<body>
<div class="image-container">
<img class="image-item" src="image1.png" alt="Image 1">
<img class="image-item" src="image2.png" alt="Image 2">
</div>
</body>
</html>在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含兩張圖片的容器，通過(guò)使用margin: 10px;，我們?yōu)槊繌垐D片添加了10像素的間隔，您可以根據(jù)需要調(diào)整間隔的大小，我們還使用了display: flex;來(lái)使圖片水平排列，并使用了align-items: center;和justify-content: center;來(lái)使圖片在容器中垂直和水平居中。
如果您希望圖片垂直排列，可以將display: flex;修改為display: block;，并將align-items: center;修改為align-items: flex-start;，這樣，圖片就會(huì)按照垂直方向排列，并且間隔仍然會(huì)保持10像素。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
