CSS中心我的div

我有一個div位於網頁的頂部，但div是爲了b居中水平。CSS中心我的div

但由於某種原因div總是坐在左邊？

你知道我怎麼能讓div坐在水平居中嗎？

如果我添加「ALIGN =」中心「」到div那麼它坐鎮中心，但我正在尋找一個純CSS方法，使中心：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title> </title> 

    <style type="text/css"> 
    <!-- 
     body { 
      text-align: center; 
      margin: 0 auto; 
      background-color: RGB(197, 155, 109); 
      background-image: url("../images/bodyBk2Lite.png"); 
      background-repeat: repeat; 
      font-family: "Arial", "Tahoma", Serif; 
      font-size: 17px; 
     } 

     p { 
      text-align: left; 
     } 

     #heading { 
      width: 100%; 
      height: 110px; 
      background-image: url("../images/headingBk2Lite.png"); 
      background-repeat: repeat-y; 
      background-color: RGB(0, 0, 0); 
     } 

     #headingContainer { 
      width: 980px; 
      height: 110px; 
      text-align: right; 
      background-color: red; 
     } 

     #headingSpacer { 
      height: 15px; 
     } 
    --> 
    </style> 
</head> 
<body> 

    <div id="heading"> 
     <div id="headingContainer"> 
      <a href="index.html"><img src="images/headingImg.png" height="105px" alt="Select Recipes"/></a> 
     </div> 
    </div> 

</body> 
</html>

來源

2011-10-28 Jake M

您可以使用自動利潤率爲該元件具有一寬度：

#headingContainer { 
    margin: 0 auto; 
    width: 980px; 
    height: 110px; 
    text-align: right; 
    background-color: red; 
}

http://jsfiddle.net/Xee6s/

來源

2011-10-28 01:07:05 Clive

這是合理的。然而，純度是不需要的;你不覺得嗎？ – mozillanerd

呀餘量：0汽車;是好的，但你必須離開你的身體的文本對齊：中心在你的身體老像瀏覽器的IE

來源

2011-10-28 01:11:21 GregM

只適用於比IE6或IE6更早的版本，並且適用於Quirks模式。 *沒有人關心6歲以上的IE，並且沒有人應該使用怪癖模式。 – thirtydot

你可以對齊divs爲中心左邊的&自動右邊距。這使得瀏覽器來劃分空間同樣

#heading 
{ 
    width:200px; 
    margin:0 auto 0 auto; 
}

在的jsfiddle：http://jsfiddle.net/DfXBp/1/

來源

2011-10-28 01:12:15

假設你正試圖將#heading或#headingContainer的div對齊到中心，只需添加到自己的風格：

margin: 0 auto;

來源

2011-10-28 01:13:31

CSS中心我的div

回答

相關問題