Выравнивание блока по центру CSS
CSS - Выравнивание элемента
| |
![]() | |
Селектор: | table; div; image; #name |
Свойство: | float; |
Значения: | left; right; |
Иногда, когда есть необходимость, можно выровнять блок <div> по центру экрана. Например, когда весь шаблон сайта нужно расположить по центру экрана. Это достаточно легко сделать, задав необходимые настройки в CSS
Выравнивание элементов HTML
Следует задать тому или иному параметру следующие настройки:
#id_name {
margin: 0 auto;
width:400px;
border: 1px solid blue;
}
Получаем:
Текст, картинка, ссылка или другие элементы страницы
Таким же образом можно выравнивать любой другой элемент по правому или левому краю страницы, используя свойство "float" со значение "left" или "right": Следует задать тому или иному параметру следующие настройки:
#id_name {
float: right;
width:400px;
border: 1px solid blue;
}
Получаем:
Текст, картинка, ссылка или другие элементы страницы
Примечания
- Есть возможность выравнивания блока по горизонтали и по вертикали. Об этом можно прочитать в статье про интересные возможности CSS.
- Если же возникли трудности и есть какие-либо вопросы по CSS, то можно задать вопрос в специально созданной теме про CSS на нашем форуме.