主最股利將不居中

我讀this寫了這樣的代碼：主最股利將不居中

.wholePageDivForCentering 
    { 
     width: 80%; 
     white-space: nowrap; 
     display:inline-block; 
     margin: 0 auto; 
     border: 4px solid red; 

     /* other stuff I tried........*/ 
     /*padding-left: 10%;*/ 
     /*margin-left: 10%;*/ 
     /*padding-right: 10%;*/ 
     /*margin-right: 10%;*/ 

    } 



    <body> 
    <div class="wholePageDivForCentering"> 
     <h2>Hello from the page</h2> 
     <!-- stuff such as 2 nested divs contained text labels, and a small image --> 
    </div> 
    </body>

我放了堅實的紅色，4個像素的邊框在我最DIV的一個原因。

我想看看圍繞該最外側div的厚紅色邊框矩形 水平中心本身在頁面上。

IT DID NOT。
編輯：當瀏覽器最大化時，我最外面的div停留在左邊。

你可以看到我嘗試了不止一件事。在我看來，我應該能夠：

告訴這個最外面的div，一個用粗的紅色邊框，要佔用80％的瀏覽器窗口
然後使用從諮詢上面的SO帖子（再次，here） - 得到這個最外面的div始終佔用瀏覽器窗口80％的瀏覽器窗口，但水平居中。

我個人？我認爲我的保證金率= 10％，保證金率= 10％應該這樣做，但不是。

看看我想要什麼 - 打開Craigslist在http://sfbay.craigslist.org/ 並最大化瀏覽器窗口（主頁面，而不是CL網站的嵌套頁面）。

當您最大化瀏覽器時，Craiglist主要頁面頁面兩側的空白橫向寬度是相同的。主頁的列是水平居中的。

因爲（也許）該頁面有一個居中的div，它圍繞着主頁上的其他所有內容。

我該怎麼做？

來源

2012-03-01 wantTheBest

它爲什麼設置爲顯示：inlineblock？ - – 2012-03-01 05:01:31

我將inlineblock註釋掉了，它沒有改變居中。最外面div中的2個嵌套div需要（水平）相鄰。沒有inlineblock，.....哦waidaminit ....... – wantTheBest 2012-03-01 05:05:35

我正要說，當我註釋掉內聯塊時，2個嵌套div將垂直堆疊。但是我只是重新評論了內聯塊和gott-dang嵌套div在它們需要的情況下仍然是並排水平的。 gott-dang紅邊界現在以頁面水平爲中心，shucks-dang-shimmy-doo-hah。謝謝。我已經嘗試了許多排列，但是我在添加邊距之前完成了所有操作：0 auto;來自SO文章。猜猜這是做到了，我希望。 – wantTheBest 2012-03-01 05:09:10

拿出display:inline-block它應該工作。

這裏是一個的jsfiddle（單擊運行）：http://jsfiddle.net/zKm6b/

我還建議使用一個ID而不是針對該分區的一類。我希望這有助於！

來源

2012-03-01 05:08:02

感謝您的幫助！ – wantTheBest 2012-03-01 05:22:38

你爲什麼設置display: inline-block。它會工作，如果顯示是塊（默認情況下div，所以你可以通過刪除顯示來解決問題）。

來源

2012-03-01 05:03:51 Kenzic

感謝您的幫助！ – wantTheBest 2012-03-01 05:23:28

主最股利將不居中

回答

相關問題