將div集中在其他div和一個圖像中居中對齊，並垂直和水平集中

Question

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

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

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

Answer 1

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

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

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

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

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

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