操作指南 - 网站居中
了解如何使用 CSS 将您的网站水平居中。
网站居中
了解如何将您的网站水平居中
此示例在宽度大于 500 像素的屏幕上水平居中。
如何将您的网站居中
使用容器元素并设置特定的 max-width。许多网站使用的常见宽度是 960px。要实际居中页面,请添加 margin: auto。
以下示例将使网站在宽度大于 500 像素的屏幕上居中。在宽度小于 500 像素的屏幕上,它将跨越整个页面
示例
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- 页面内容 -->
</div>
</body>
自己动手试一试 »