css - 将图像定位在 div 的中心

Question

我有一个带有 id 的 div，leftheader我想在 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

如果您使用文本对齐 :center; 你的图像应该在 div 中居中。

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