2012-10-15 31 views
1

我試圖實現以下目標:我的中心div(包裝)完全位於我的頁面中心,既垂直又水平。在那個div裏面我想要另外兩個div,其中一個將包含一個logo和另一個文本。徽標圖像也必須垂直和水平地對齊到div的中心。目前,這是我有:將div集中在其他div和一個圖像中居中對齊,並垂直和水平集中

enter image description here

這裏是我的HTML和CSS的的jsfiddle:http://jsfiddle.net/7cQhG/

我怎樣才能居中標誌DIV(只水平居中,並有10px的邊距)並且將徽標圖像集中在該div的內部,橫向和縱向,就像現在一樣)?

回答

1

是否有任何理由必須將徽標設爲img?

我已經採取了你的出發點,並放在一起的jsfiddle叉:http://jsfiddle.net/mori57/HDmkZ/

我取出img標籤,並用它作爲背景圖片。 「中心」理論上應該將其置於其容器內,並且由於它是透明PNG,所以您的背景顏色仍然會按照您的要求顯示。

讓我知道這是否適用於您,或者如果您有任何其他問題。

作爲一個側欄,你真的不需要(你真的不應該)在你的CSS中指定你的標籤。唯一真正合適的地方就是如果你將默認值分配給特定的標籤......否則,當你使用這些標識符時,特定規則已經接管了。

請注意,我不清楚你想用徽標下方的文字做什麼,所以我沒有做任何造型。

+0

非常感謝!如果沒有其他方法可以將標誌圖像作爲div的BG,那麼我真的很好。我還沒有處理文本,現在我會嘗試自己設計。並感謝您對標籤的解釋!欣賞它! – Igal

+0

請注意,唯一需要注意的是,您會發現IE6不喜歡您的PNG,並非沒有一些PNG填充代碼的幫助。希望這不是您所關心的,但如果是這樣,請查看以下鏈接以獲取可能的幫助:http://htmlandcssbook.com/extras/transparent-pngs-in-ie6/ –