Question

我等了7天才问这个问题，因为我不能问更多问题，当人们重新调整页面大小时，我希望将包装器保持在中间

header {
    background-image: url("http://lorempixel.com/400/200");
    background-size: 100% 100%;
    height: 100px;
}
#home {
position:absolute;
top:10px;
left:400px;
}

<header>
	<img id="home" src="https://cdn2.iconfinder.com/data/icons/snipicons/5000/home-128.png" alt="home" style="width:75px;height:67px">
</header>

日Thnx

Answer 1

您只需将text-align: center添加到父元素即可。 img会尊重这一点，因为默认情况下它是inline。

Updated Example

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

有关替代方法，请参阅this answer。

Answer 2

应该这样做，如果你需要的只是保持图标居中，而你真的不需要绝对定位它。

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

#home {
   margin-top: 10px;
}

Answer 3

试试这个，

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

header wrapper re-size css

3 个答案: