左と右から最小マージンを置いた中心の位置画像

-1

私のウェブページに画像を挿入しています。私は左右に10pxの余裕を持ってセンターに配置したいと思っています。また、メディアの幅に応じて幅を維持する必要があります。 margin: 0 autoは中央に配置されていますが、両側から最低20pxのマージンは維持されません。左と右から最小マージンを置いた中心の位置画像

どのように目標を達成できますか？

出典

2017-04-15 Yash Mittal

あなたのコードを追加してください。 – frnt

display：inline-blockを使用すると、イメージを中央と余白よりも大きく配置することができます。0 10px – Nabil

そのテキストのすべてについて、代わりに例を挙げることができます。 divに画像をラップし、div表示を与える：tableとimage：table-cellを与える。私はこのコメントがあなたの質問と同じくらい読みやすくなることを願っています。 – zer00ne

CSS

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

HTML

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

出典

2017-04-15 07:41:02

左と右から最小マージンを置いた中心の位置画像

答えて

関連する問題