Html 我能'；t将图像居中放置在div内

我尝试将图像居中，但不确定我做错了什么。我应该更改/添加什么以使图像居中

#img包装{
宽度：450px；
明确：两者皆有；
显示：块
}
#包裹{
保证金：0自动；
文本中心：中心；
高度：100px；
宽度：100px；
背景：#000；
}

---

必要的属性名为

文本对齐

，而不是

文本中心

。此外，您不会将其指定给图像，而是指定给其父容器

#img-wrap { text-align: center; }

---

在css中使用以下更改

 #img-wrap {
    width:450px;
    clear:both;
    display:block;
    text-align:center;
}
#img-wrap img {
    height:100px;
    width:100px;
    background:#000;
}

或

---

两种选择，但你似乎把它们混在一起了

您可以将

text align:center

设置为父级，或者将

margin:0 auto

设置为子级，并将该元素设置为

block

。这是因为

img

的默认显示属性为

父对象与文本对齐-

要阻止的子对象-

---

它是

文本对齐

，而不是

文本中心

，可能的重复也应该从图像中删除无效的属性名

文本中心

。@SamHolmes Ok我知道让我做更改

边距：0自动img

设置为

display:block

，否则code>不会产生任何效果，并且不需要，因为您在父级上有

文本对齐：居中

。您还可以自动添加

边距；显示：要在中显示的块

center@Andy还有更多的方法可以在中间显示图像。@katan SO还没有让我这么做。

#img-wrap {
   width:450px;
   clear:both;
    display:block;
    text-align:center;
}
#img-wrap img {
    margin:0 auto;
    height:100px;
    width:100px;
    background:#000;
    display:block;
}

#img-wrap {
    width:450px;
    border: 3px solid black;
    text-align: center;
}
#img-wrap img {
    height:100px;
    width:100px;
    background:#000;
}

#img-wrap {
    width:450px;
    border: 3px solid black;
}
#img-wrap img {
    margin:0 auto;
    height:100px;
    width:100px;
    display: block;
    background:#000;
}