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