在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是auto
• 顶部：50％;
• margin-top：-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')