Как сделать - Страницу по центру
Узнать, как центрировать ваш сайт по горизонтали с помощью CSS.
Страница по центру
Узнайте, как центрировать сайт по горизонтали:
Этот пример горизонтально центрирован на экранах шириной более 500 пикселей.
Создать страницу по центру
Используйте элемент контейнера и установите определенный max-width
. Общая ширина, которую используют многие веб-сайты, составляет 960 пикселей. Чтобы фактически центрировать страницу, добавьте margin: auto
.
В следующем примере веб-сайт будет центрироваться на экранах, которые шире 500 пикселей. На экранах шириной менее 500 пикселей он будет охватывать всю страницу:
Пример
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Содержимое страницы -->
</div>
</body>
Редактор кода »