如何將子div垂直放置在父div的中心？

我有一個父div與一些孩子div，我想他們垂直對齊父母div的中心像中心列。這裏是我的代碼 http://jsfiddle.net/yX3p9/344/如何將子div垂直放置在父div的中心？

<div class="wrapper"> 

    <div class="table-body"> 
     <div class="topchair"> 
      <div class="chair">1</div> 
     </div> 

     <div class="leftchairs"> 
      <div class="block"> 
       <div class="chair">3</div> 
       <div class="chair">4</div> 
       <div class="chair">5</div> 
       <div class="chair">6</div> 
      </div> 
     </div> 
    </div> 

</div

我也嘗試顯示：表細胞;垂直對齊：中間;但它也沒有工作，我該怎麼做。提前致謝。

來源

2016-05-26 aziz

你的代碼在哪裏？ Stackoverflow不是一個代碼寫入服務。我們可以幫助您解決代碼中的特定問題，但我們不會爲您編寫所有代碼。 –

對不起，我是新來的，我更新了我的問題 – aziz

那不是代碼。向我們展示你到目前爲止已經嘗試過的目標，而不是之後保存你的變量的html骨架腳手架。像@HunterTurner說。我們不是一個代碼寫作服務。看看這裏找出預計什麼http://stackoverflow.com/help/how-to-ask –

如果我理解你糾正這一點：

.chair { 
    width: 50px; 
    height: 50px; 
    margin: 5px auto;   <--- Use auto to center element left/right 
    background: deepskyblue; 
    line-height: 50px; 
    font-weight: 600; 
    color: #fff; 
    text-align: center; 
}

即保證金標註，與兩個條目用於讀取（上/下左/右）如果該元素具有一個固定的寬度，然後自動將圍繞它...

來源

2016-05-27 07:02:32 zipzit

你是真棒...愛你兄弟。非常感謝。 – aziz

你錯過了一個詞。我不必做太多。感謝您發佈一個體面的jsfiddle。大多數新人都做得不好。 – zipzit

如何將子div垂直放置在父div的中心？

回答

相關問題