Говорят, что создание сайта - очень длительный и трудоемкий процесс. Мы скажем - НЕТ! Ведь с новыми технологиями, такими как HTML5, CSS3, PHP и MySql можно быстро и легко научиться создавать сайты любой сложности.
Два сумасшедших веб-мастера покажут где что лежит и как этим пользоваться.
Авторизация
Новый
Забыл
Пожалуйста, заполните поля выше. Это нужно сделать обязательно, иначе ничего не получится.
CSS и Верстка /

Методы вертикального центрирования с помощью CSS. Метод таблиц CSS

  • Четверг, 29 сентября 2012, 08:25 |
  • Автор: falkovsky |
  • Просмотров: 1557 |
  • Комментарии: 0 |
  • В закладки:
Выше было сказано, что vertical-align – это свойство, применяемое в ячейках таблицы. Значит, нам необходимо представить наш элемент как ячейку таблицы, а уже после использовать для него свойство vertical-align. Далее, пытаемся осуществить вертикальное центрирование содержимого нашей ячейки. Но перед тем, как использовать свойство, необходимо установить табличный вывод для родительского элемента div, а уже вложенный элемент divвывести как ячейку таблицы. Содержание ячейки, после использования div станет динамическим, так как этот элемент способен изменять размеры ячейки в соответствии с ее содержанием. Важно помнить, что CSS таблица отличается по свойствам от HTML таблицы.

HTML:
<div id="parent">
    <div id="child">Содержание</div>
</div>


CSS:
#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}


Недостаток: Метод не поддерживается в ранних версиях браузера Internet Explorer. Взамен этому методу приходится использовать свойства display: inline-block.

Методы вертикального центрирования с помощью CSS. Метод абсолютного позиционирования и отрицательных полей
Методы вертикального центрирования с помощью CSS. Абсолютное позиционирование и растягивание
Методы вертикального центрирования с помощью CSS. Метод задания равных отступов сверху и снизу

Собираетесь в столицу Украины? Заранее позаботьтесь о квартире посуточно в киеве и без посредников.
  • Тэги публикации
Добавить комментарий