码农教程 - 一技在手,衣食无忧! tools

目录

如何操作 - 中心网站

❮ 上一节 下一节 ❯

了解如何使用 CSS 将网站水平居中。

中心网站

了解如何水平居中您的网站：

此示例在宽度超过 500 像素的屏幕上水平居中。

如何居中您的网站

使用容器元素并设置特定的max-width。许多网站使用的常见宽度是 960px。要真正使页面居中，请添加margin: auto。

以下示例将使网站在宽度超过 500 像素的屏幕上居中。在宽度小于 500 像素的屏幕上，它将跨越整个页面：

示例

<style>
.content {
  max-width: 500px;
  margin: auto;
}
</style>
<body>

<div class="content">
  <!-- Page content -->
</div>

</body>
亲自试一试 »

曾经听说过91xjr 空间？在这里，您可以从头开始创建您的网站或使用模板，并免费托管它。

免费开始❯

* 无需信用卡


❮ 上一节 下一节 ❯