2013-05-07 98 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