将图像放置在div的中心位置

Question

我有一个id为leftheader的div，我想在div的中心放置一个图像。我正在尝试这个css

#leftheader {
    float: left;
    width: 28%;
    height: 140px;
    margin: auto;
}

#leftheader img {
   /*padding-left: 80px;*/
}

当我使用padding-left: 80px;时，我得到图像的中心对齐方式。但由于我在%的宽度中使用了leftheader，因此我不想使用pixel values。任何人都可以建议我更通用的CSS布局。

Answer 1

如果使用text-align：center;你的形象应该以div为中心。

#leftheader {
    float: left;
    width: 28%;
    height: 140px;
    margin: auto;
    text-align: center;
}