今天我們來聊一下CSS中圖片左右距離的問題。 使用CSS設置圖片的位置和距離是一個常見的需求，那么該怎么做呢？其實，主要使用兩個屬性：float和margin。我們來逐個進行解析。 首先是float屬性，這個屬性可以讓一個元素浮動起來，放置在其容器的左側或右側。比如，我們可以使用以下代碼將圖片向左浮動，并讓下一個元素環繞它：

img {
float: left;
margin-right: 10px;   /*這個用于圖片與下一個元素之間的間距*/
}

接下來是margin屬性，這個屬性可以用于設置元素周圍的空白區域。我們可以通過設置圖片的左右margin值來調整它與周圍元素的距離。例如，以下代碼設置了圖片的左margin為50px，右margin為20px：

img {
margin-left: 50px;
margin-right: 20px;
}

最后提醒一下，當使用float屬性時，記得要清除浮動，否則可能會影響布局?？梢允褂胏lear:both屬性來清除浮動。例如：

.clearfix:after {
content:"";
clear:both;
display:block;
}

以上就是關于CSS中圖片左右距離的基本介紹。希望對大家有所幫助！