在CSS中，我們常常需要調整圖片的位置和大小來使網頁更加美觀和合理。當我們想要圖片在網頁中居中顯示時，通常需要給圖片左右加上margin:auto來實現。但是如果我們想要在圖片左側留出一定的空隙，該怎么辦呢？下面我們來介紹一些實現方法。

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

使用上述代碼，我們可以讓圖片向左浮動，并在右側留出20px的空白。這個方法能夠在網頁中自然地給圖片留出位置，而且不會影響其他元素的布局。

.img-left {
display:inline-block;
width: 50px;
height: 50px;
background: url("your-image.png") no-repeat;
background-position: left center;
padding-left: 20px;
}

另外一種方法是使用一個div來代替圖片，并在div的左側加上padding。這個方法還可以讓我們在div中添加其他內容，從而更好地實現布局。需要注意的是，在使用background屬性時，我們需要設置background-position讓圖片正好居中對齊。

以上是兩種常用的方法，實際上還有很多其他的實現方法，需要根據具體情況來靈活運用。