网站居中

创建于 2024-12-03 / 51

字体： [默认] [大] [更大]

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

中心网站

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

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

如何使您的网站居中

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

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

实例

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

<div class="content">

</div>

</body> 亲自试一试 »

0 人点赞过