Как с помощью дивов сделать табличный дизайн для вертикального выравнивания

С помощью этого кода можно сделать вертикальное выравнивание в контейнерах DIV

 

Стиль:

#wrapper{
    display: table;
}
#cell{
    display: table-cell;
    vertical-align: middle;
}
.content {
    padding:10px;
}

 

хтмл код:


<div id="wrapper">
   <div id="cell">
      <div class="content">
         1 ячейка
     </div>
   </div>
   <div id="cell">
      <div class="content">
         2 ячейка
      </div>
   </div>
</div>
<div id="wrapper">
   <div id="cell">
      <div class="content">
         2 строка. 1 ячейка
     </div>
   </div>
   <div id="cell">
      <div class="content">
         2 строка. 2 ячейка
      </div>
   </div>
</div>
 

 


Другие ответы на вопрос: Как с помощью дивов сделать табличный дизайн для вертикального выравнивания


Имя:*
E-Mail:
Напишите ваш ответ:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*

110

QQpedia.ru - cамые интересные вопросы