Javascript 如何在div内将img居中

可能重复：

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

代码：

这并没有发挥应有的作用

<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>

应该适合你

试试这个：

<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>

---

假设div的id=sample，因为您已经指定了高度和宽度，所以添加背景不应该是一个问题

这是因为您为图像设置了42%的剩余边距。 在图像样式上尝试以下操作：

display:block;margin:0 auto;

---

你试过将你的img的边距设置为自动吗？谷歌中的简单单词给了我一个结果，上面是第一个条目。谷歌我的朋友。@SvenBieder试过了，但它不起作用文本对齐：居中是我需要的。是的。我需要等待10分钟才能接受：很抱歉，IE7,8,9，Firefox和Chrome都可以，你还需要什么。。

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

display:block;margin:0 auto;