background - 在 CSS 中将 div 对齐到中心

Question

所以我的代码，在正文部分：

<div style="width:154px; height:77px;background-image:url('resources/images/logoanim.gif')"></div>

图像卡在页面的左上角。

如何将其与页面中心对齐？

background-position:center

不工作 ：？

帮助表示赞赏！抱歉信息有限。

Answer 1

由于您有固定的高度和高度，因此并不难。

• 使您的 div 位置绝对
• margin-left 和 margin-right 是自动的
• 最高：50%；
• 边距顶部：-38px（高度的一半）

结果是：

position:absolute;
margin-left:auto;
margin-right:auto;
top:50%;
margin-top:-38px;
width:154px;
height:77px;
background-image:url('resources/images/logoanim.gif')