居中div內容多個嵌套divs

我想中心一些，以便他們顯示在中心內，然而棘手的部分是html內的一些數字（部分html是靜態的，並且它的一部分是從數據庫動態）。居中div內容多個嵌套divs

見截圖作爲它目前的樣子爲例（我想在中心此內容） http://postimg.org/image/5fc6ecgy7/

注 - 該網站使用基本960網格系統下面是HTML：

<div class=""> 
<div class=""> 
    <div class=""> 
     <div id="national-prize-feed" class="panel-wrapper "> 
      <div class="border"> 
      <div class="content clearfix add-radius"> 
      <div style="padding:10px 0px;"> 
      <div id="nation-prizes-collection" class="clearfix"> 
      <div class="summary"></div> 
      <div class=""> 
       <div class="national-prizes"> 
       <div class="prizes"> 
        <a href="ipod-shuffle"><img class="prizes-img" alt="iPod Shuffle" src="/images/prizes/ipod-shuffle.png"></a> 
       </div> 
       </div> 
       <div class="national-prizes"> 
       <div class="prizes"> 
        <a href="football"><img class="prizes-img" alt="Football" src="/images/prizes/football.png"></a> 
       </div> 
       </div> 
      </div> 
      <div class="keys" title="/pages/index/slug/prizes" style="display:none"> 
      </div> 
      </div> 
      </div> 
      </div> 
      </div> 
      </div> 
      </div>

我的具體的CSS（有很多更..它是基於一個基於網格的佈局）

div.prizes { 
    float: left; 
} 

div.prizes img { 
    width: 280px; 
} 

.prizes-img { 
    padding: 0 7px 0 7px; 
    margin: 7px 5px 7px 5px; 
    max-width: 100%; 
    height: auto; 
}

來源

2014-06-25 Zabs

爲了將DIV定位到屏幕中央，需要將div的靜態寬度設置爲居中，left：0px，right：0px，並將各個邊距設置爲auto。

下面是一個例子：http://jsfiddle.net/pR4hq/

<style>.center{ 
    position: relative; 
    display: block; 
    width: 120px; 
    background: rgb(90,90,90); 
    left: 0px; 
    right: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
}</style> 
<div class="center">Center Content</div>

來源

2014-06-25 16:47:28

居中div內容多個嵌套divs

回答

相關問題