Html 将余量设置为自动的要求

我有以下html：

<div id="img_holder">
    <img id="image" src="../../images/img1.jpg" />
</div>

---

图像的边距未设置，但其填充已设置。此外，当我将边距设置为特定值时，边距也会起作用。当我在GoogleChrome中使用元素检查器时，styles窗口中的那一行没有一行穿过它，所以我假设它是有效的css。我只是不明白为什么它不能设置为自动。

您需要将图像设置为

显示：块

演示

您需要将图像设置为
display:block

演示

您需要将图像设置为
display:block

演示

您需要将图像设置为
display:block

演示

如果你能告诉我们你的实际目标，我将不胜感激

据我所知，你只是想让img集中在你的部门

img标记是内联标记，即共享文本或字母的行为。它不是一个街区，比如一个div

内联标记像文本一样水平居中，具有文本对齐：居中样式，如下所示：

#img_holder {
    background-color:#EC0610;
    min-height: 500px;
    float:left;
    width: 550px;
    text-align: center;
}

#image {
    width: 300px;
    height: 450px;
    padding-top: 20px;
}
<div id="img_holder">
    <img id="image" src="../../images/img1.jpg" />
</div>

#img#u支架{
背景色：#EC0610；
最小高度：500px；
浮动：左；
宽度：550px；
文本对齐：居中；
}
#形象{
宽度：300px；
高度：450px；
填充顶部：20px；
}
如果您能告诉我们您的实际目标，我将不胜感激

据我所知，你只是想让img集中在你的部门

img标记是内联标记，即共享文本或字母的行为。它不是一个街区，比如一个div

内联标记像文本一样水平居中，具有文本对齐：居中样式，如下所示：

#img_holder {
    background-color:#EC0610;
    min-height: 500px;
    float:left;
    width: 550px;
    text-align: center;
}

#image {
    width: 300px;
    height: 450px;
    padding-top: 20px;
}
<div id="img_holder">
    <img id="image" src="../../images/img1.jpg" />
</div>

#img#u支架{
背景色：#EC0610；
最小高度：500px；
浮动：左；
宽度：550px；
文本对齐：居中；
}
#形象{
宽度：300px；
高度：450px；
填充顶部：20px；
}
如果您能告诉我们您的实际目标，我将不胜感激

据我所知，你只是想让img集中在你的部门

img标记是内联标记，即共享文本或字母的行为。它不是一个街区，比如一个div

内联标记像文本一样水平居中，具有文本对齐：居中样式，如下所示：

#img_holder {
    background-color:#EC0610;
    min-height: 500px;
    float:left;
    width: 550px;
    text-align: center;
}

#image {
    width: 300px;
    height: 450px;
    padding-top: 20px;
}
<div id="img_holder">
    <img id="image" src="../../images/img1.jpg" />
</div>

#img#u支架{
背景色：#EC0610；
最小高度：500px；
浮动：左；
宽度：550px；
文本对齐：居中；
}
#形象{
宽度：300px；
高度：450px；
填充顶部：20px；
}
如果您能告诉我们您的实际目标，我将不胜感激

据我所知，你只是想让img集中在你的部门

img标记是内联标记，即共享文本或字母的行为。它不是一个街区，比如一个div

内联标记像文本一样水平居中，具有文本对齐：居中样式，如下所示：

#img_holder {
    background-color:#EC0610;
    min-height: 500px;
    float:left;
    width: 550px;
    text-align: center;
}

#image {
    width: 300px;
    height: 450px;
    padding-top: 20px;
}
<div id="img_holder">
    <img id="image" src="../../images/img1.jpg" />
</div>

#img#u支架{
背景色：#EC0610；
最小高度：500px；
浮动：左；
宽度：550px；
文本对齐：居中；
}
#形象{
宽度：300px；
高度：450px；
填充顶部：20px；
}
您想做什么？将图像居中？添加
显示：块到图像，或
文本对齐：居中到图像保持架（在后一种情况下从图像中删除
边距：auto；
）。您知道边距对内联元素不起作用，对吗？您想做什么？将图像居中？添加
显示：块到图像，或
文本对齐：居中到图像保持架（在后一种情况下从图像中删除
边距：auto；
）。您知道边距对内联元素不起作用，对吗？您想做什么？将图像居中？添加
显示：块到图像，或
文本对齐：居中到图像保持架（在后一种情况下从图像中删除
边距：auto；
）。您知道边距对内联元素不起作用，对吗？您想做什么？将图像居中？添加
显示：块到图像，或
文本对齐：居中到图像保持架（在后一种情况下，从图像中删除
边距：auto；
）。您知道边距对内联元素不起作用，对吗？奇怪的是，小提琴完全导致了一些问题different@Vector-错误的小提琴链接。：）为您修复，谢谢@Paulie_D我打开了这么多小提琴，我一定粘贴了错误的url（可能是睡觉的时间了：/）事实上，对于，一个
auto
的
margin left
或
margin right
的计算值变成了
0
的一个使用值，这非常有效。非常感谢。我不知道图像是内联显示的。奇怪的是，小提琴完全导致了一些事情different@Vector-错误的小提琴链接。：）为您修复，谢谢@Paulie_D我打开了这么多小提琴，我一定粘贴了错误的url（可能是睡觉的时间了：/）事实上，对于，一个
auto
的
margin left
或
margin right
的计算值变成了
0
的一个使用值，这非常有效。非常感谢。我不知道图像是内联显示的。奇怪的是，小提琴完全导致了一些事情different@Vector-错误的小提琴链接。：）为您修复，谢谢@Paulie_D我打开了这么多小提琴，我一定粘贴了错误的url（可能是睡觉的时间了：/）事实上，对于，一个
auto
的
margin left
或
margin right
的计算值变成了
0
的一个使用值，这非常有效。非常感谢。我不知道图像是内联显示的。奇怪的是，小提琴完全导致了一些事情different@Vector-错误的小提琴链接。：）为您修复，谢谢@Paulie_D我打开了这么多小提琴，我一定粘贴了错误的url（可能是睡觉的时间了：/）事实上，对于，一个
auto
的
margin left
或
margin right
的计算值变成了
0
的一个使用值，这非常有效。非常感谢。我不知道图像是以内联方式显示的。很抱歉，我没有详细说明