2016-05-26 3 views
0

У меня есть родительский div с некоторым дочерним div, я хотел, чтобы они выравнивались по вертикали в центре родительского div, как центрированный столбец. Вот мой код http://jsfiddle.net/yX3p9/344/как разместить дочерние divs вертикально в центре родительского 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 

Я также попытался отображение: настольные ячейки, вертикальные выравнивания: средний; Но это также не сработало, что мне делать. Заранее спасибо.

+1

Где мой код? Stackoverflow не является службой написания кода. Мы можем помочь вам с конкретными проблемами с вашим кодом, но мы не собираемся делать все кодирование для вас. –

+0

Прошу прощения, я новичок здесь, я обновляю свой вопрос – aziz

+2

Это не код. покажите нам, что вы пробовали до сих пор, чтобы достичь своей цели, а не штрих-костей лесов html, которые удерживают ваши переменные позже. как сказал @HunterTurner. мы не являемся сервисом написания кода. Взгляните сюда, чтобы выяснить, что ожидается http://stackoverflow.com/help/how-to-ask –

ответ

0

Если я понимаю, что вы исправить это его:

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

Это запас выноски, используемый с двумя входами читает (верхний/нижний левый/правый) Если элемент имеет фиксированную ширину, а затем автоматически центрирует его ...

+0

Ты просто потрясающий ... люблю тебя, братан. Огромное спасибо. – aziz

+0

Вы пропустили это одним словом. Мне не пришлось много делать. Спасибо, что разместили достойный jsfiddle. Большинство новых людей не делают этого очень хорошо. – zipzit

Смежные вопросы