2017-04-15 145 views
-1

我在我的網頁中插入圖像。我想把它放在中間,左右邊距最小爲10px。而且,它應該根據介質寬度保持其寬度。 margin: 0 auto將其定位在中央,但不會保持兩側的最小邊距爲20px。從左側和右側起邊距最小的位置圖像

我該如何實現目標?

+0

請添加代碼。 – frnt

+0

您可以使用display:inline-block將圖片置於中間位置而不是邊距:0 10px – Nabil

+0

對於所有這些文本,您可以改爲使用示例。把你的圖像包裝在一個div中,給這個div顯示:table並給出圖像顯示:table-cell。我希望這個評論和你的問題一樣容易閱讀。 – zer00ne

回答

1

CSS

div{ 
    margin-left: 10px; 
    margin-right: 10px; 
} 
img{ 
    margin: 0 auto; 
} 

HTML

<div> 
    <img src="image.png"/> 
</div>