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