操作指南 - 網站居中
瞭解如何使用 CSS 將您的網站水平居中。
網站居中
瞭解如何將您的網站水平居中
此示例在寬度大於 500 畫素的螢幕上水平居中。
如何將您的網站居中
使用容器元素並設定特定的 max-width
。許多網站使用的常見寬度是 960px。要實際居中頁面,請新增 margin: auto
。
以下示例將使網站在寬度大於 500 畫素的螢幕上居中。在寬度小於 500 畫素的螢幕上,它將跨越整個頁面
示例
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- 頁面內容 -->
</div>
</body>
自己動手試一試 »