這段代碼應該可以工作(在我看來),但是我不知道爲什麼它不會。在此先感謝不能以html/css爲中心
<body>
<div id="wrap">
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html>
編輯: 我試圖居中。它停留在左上角。爲兩個div添加auto和height的高度和寬度也不起作用。
這段代碼應該可以工作(在我看來),但是我不知道爲什麼它不會。在此先感謝不能以html/css爲中心
<body>
<div id="wrap">
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html>
編輯: 我試圖居中。它停留在左上角。爲兩個div添加auto和height的高度和寬度也不起作用。
您需要檢查兩件事情,然後再將您的部門設置爲居中。
文檔類型:檢查它是否不在怪癖模式。
內部div的寬度必須少於父div的寬度。
做檢查這些東西,你會得到你的答案...一切順利。
內部div的寬度是否小於#wrap div的寬度?
我認爲包裝有一個設定的寬度,持有圖像的div也需要設置寬度。
Fiddle所以你可以看到它的工作。 (這個問題有點矯枉過正,我知道:))
如果你想水平居中標誌,那麼你還必須指定包含div的寬度。這是一個示例代碼。
<html>
<body>
<div id="wrap">
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html?
內部div必須具有邊距自動工作的設置寬度。
其中瀏覽器和哪個版本??? – diEcho 2011-12-24 07:36:01
它怎麼樣「不起作用」?如果你沒有說你想讓你的代碼實際執行什麼,那麼有人會如何幫助你? – 2011-12-24 07:37:06
正如標題所示:「無法居中」 它保持在屏幕的默認左上角。我只想將logo.png居中。 – 2011-12-24 07:39:45