Html 内部水平居中图像<；a>；，为什么是保证金：0自动；不工作？

或

#左控件{
浮动：左；
高度：300px；
宽度：300px；
背景颜色：深红色；
}
#左控制：前{
内容：“；
显示：内联块；
垂直对齐：中间对齐；
身高：100%；
}
#左控制img{
垂直对齐：中间对齐；
z指数：1；
保证金：0自动；
}

使用以下css：

#left-control::before {
    height: 100%;
    content: "";
}
#left-control {
    background-color: crimson;
    display: table;
    height: 300px;
    line-height: 300px;
    text-align: center;
    width: 300px;
}

移除

浮动：左侧来自
#左控件
。并使用
显示：表格
行高：300px
文本对齐：居中

并删除
显示：内联块
垂直对齐：中间对齐来自
#左控件：：前

使用以下css：

#left-control::before {
    height: 100%;
    content: "";
}
#left-control {
    background-color: crimson;
    display: table;
    height: 300px;
    line-height: 300px;
    text-align: center;
    width: 300px;
}

移除
浮动：左侧来自
#左控件
。并使用
显示：表格
行高：300px
文本对齐：居中

并删除
显示：内联块
垂直对齐：中间对齐来自
#左控件：：前

图像宽度不是100%，因此
边距：0自动无法将图像居中对齐。您最好的选择是执行
文本对齐：居中
标签上使用ID
左控件进行编码>，以使图标中心对齐
 图像宽度不是100%，因此
边距：0自动无法将图像居中对齐。您最好的选择是执行
文本对齐：居中
标签上使用ID
左控件进行编码>，以使图标中心对齐
 添加文本对齐
#左控件
文本对齐：居中


#左控件{
浮动：左；
高度：300px；
宽度：300px；
文本对齐：居中；
背景颜色：深红色；
}
#左控制：前{
内容：“；
显示：内联块；
垂直对齐：中间对齐；
身高：100%；
}
#左控制img{
垂直对齐：中间对齐；
z指数：1；
保证金：0自动；
}

添加文本对齐
#左控件
文本对齐：居中


#左控件{
浮动：左；
高度：300px；
宽度：300px；
文本对齐：居中；
背景颜色：深红色；
}
#左控制：前{
内容：“；
显示：内联块；
垂直对齐：中间对齐；
身高：100%；
}
#左控制img{
垂直对齐：中间对齐；
z指数：1；
保证金：0自动；
}