如何将div集中在div中

Question

  

可能重复：
  How to center image inside div

我需要能够将图像放在div的中心。 我的图像需要以任何分辨率位于中心。

代码：

<div style="width:100%; height:20%;">
    <img src="images/pic.png" id="image"  style="width: 208px; height: 75px;margin-left: 42%;" alt=""/>
</div>

这不应该正常工作。

Answer 1

<div style="width:100%; height:20%; text-align:center">
    <img src="images/pic.png" id="image"  style="width: 208px; height: 75px; margin:0 auto;" alt=""/>
</div>

应该适用于你

Answer 2

试试这个：

<div style="width:100%; height:20%;text-align:center;"> 
<img src="images/pic.png" id="image style="width:208px; height:75px; margin-left:42%;" alt=""/>
</div>

Answer 3

#Sample
{
background:url(your_image.jpg) no-repeat center center;
height:200px;
width:200px;
}

（假设一个id =“sample”的div，因为你已经指定了高度和宽度，添加背景应该不是问题）

Answer 4

这是因为您为图像设置了42％的边距。 请尝试使用图像样式：

display:block;margin:0 auto;