2013-05-07 101 views
-1

所以我的代码,在主体部分:对齐一个div该中心在CSS

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

的图像粘贴在页面的左上角。

我该如何将此对齐到页面中心?

background-position:center 

没有工作:?

帮助表示赞赏! 对不起,有限的信息。

回答

1

既然你有一个固定的高度,并不难。

  • 让您的DIV位置绝对
  • 保证金左缘和右是汽车
  • 顶部: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') 
+0

好,图像仍然在左边,但现在已经降低。 – 2013-05-07 14:39:19

+0

而不是顶部:50%;我离开了:%50; ? – 2013-05-07 14:40:52

+0

你只想让图像处于div的中心吗?然后你使用'background-position:center center'风格 – 2013-05-07 14:42:24