头封装重新

这个问题在这里已经有了答案：

我如何垂直居中文本与CSS？ 34个答案

---

您可以简单地将text-align: center添加到父元素。 img会尊重这一点，因为它默认是inline的。

更新示例

header {
    background-image: url("http://lorempixel.com/400/200");
    background-size: 100% 100%;
    height: 100px;
    text-align: center;
}

看到这个答案的替代方法。

---

这应该做到这一点，如果你所需要的只是保持图标居中，那么你并不需要绝对定位它。

header {
    background-image: url("http://lorempixel.com/400/200");
    background-size: 100% 100%;
    height: 100px;
    text-align: center;
}

#home {
   margin-top: 10px;
}

---

尝试这个，

#home {
position:absolute;
top:10px;
left:48%;
}

链接地址: http://www.djcxy.com/p/41673.html

上一篇: header wrapper re

下一篇: Vertically Centering Text In A CSS Div