wie Kind Divs vertikal in der Mitte des Elternteils div?

Ich habe ein Eltern-Div mit einem Kind-Div, ich wollte, dass sie vertikal in der Mitte des Eltern-Div wie eine zentrierte Spalte ausgerichtet sind. Hier ist mein Code http://jsfiddle.net/yX3p9/344/wie Kind Divs vertikal in der Mitte des Elternteils 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

ich auch versucht display: table-cell; vertical-align: middle; Aber es hat auch nicht funktioniert, was soll ich tun. Danke im Voraus.

Quelle

2016-05-26 aziz

Wo ist Ihr Code? Stackoverflow ist kein Code-Schreibdienst. Wir können Ihnen bei bestimmten Problemen mit Ihrem Code helfen, aber wir werden nicht die gesamte Programmierung für Sie übernehmen. –

Es tut mir leid, ich bin neu hier, ich aktualisiere meine Frage – aziz

Das ist kein Code. Zeigen Sie uns, was Sie bisher versucht haben, um Ihr Ziel zu erreichen, nicht das Bar-Bones-Gerüst des HTML, das später Ihre Variablen enthält. wie @HunterTurner sagte. Wir sind kein Code-Schreibdienst. Werfen Sie einen Blick hier, um herauszufinden, was erwartet wird http://stackoverflow.com/help/how-to-ask –

Wenn ich verstehe, korrigieren Sie sein dies:

.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; 
}

Das Marge callout, wie mit zwei Einträgen verwendet liest (oben/unten links/rechts) Wenn das Element eine feste Breite hat, dann Auto wird es Zentrieren ...

Quelle

2016-05-27 07:02:32 zipzit

Sie sind einfach genial ... liebe dich bro. Ich danke dir sehr. – aziz

Sie haben es mit nur einem Wort verpasst. Ich musste nicht viel tun. Danke, dass du ein anständiges Forum veröffentlichst. Die meisten neuen Leute machen das nicht sehr gut. – zipzit

wie Kind Divs vertikal in der Mitte des Elternteils div?

Antwort

Verwandte Themen