2011-12-24 42 views
0

這段代碼應該可以工作(在我看來),但是我不知道爲什麼它不會。在此先感謝不能以html/css爲中心

<body> 
<div id="wrap"> 
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html> 

編輯: 我試圖居中。它停留在左上角。爲兩個div添加auto和height的高度和寬度也不起作用。

+0

其中瀏覽器和哪個版本??? – diEcho 2011-12-24 07:36:01

+0

它怎麼樣「不起作用」?如果你沒有說你想讓你的代碼實際執行什麼,那麼有人會如何幫助你? – 2011-12-24 07:37:06

+0

正如標題所示:「無法居中」 它保持在屏幕的默認左上角。我只想將logo.png居中。 – 2011-12-24 07:39:45

回答

0

您需要檢查兩件事情,然後再將您的部門設置爲居中。

  1. 文檔類型:檢查它是否不在怪癖模式。

  2. 內部div的寬度必須少於父div的寬度。

做檢查這些東西,你會得到你的答案...一切順利。

0

內部div的寬度是否小於#wrap div的寬度?

0

我認爲包裝有一個設定的寬度,持有圖像的div也需要設置寬度。

Fiddle所以你可以看到它的工作。 (這個問題有點矯枉過正,我知道:))

2

如果你想水平居中標誌,那麼你還必須指定包含div的寬度。這是一個示例代碼。

<html> 
<body> 
<div id="wrap"> 
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html? 
1

內部div必須具有邊距自動工作的設置寬度。