2017-04-15 192 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>