在網頁制作中，通常會遇到整個頁面需要居中顯示的情況，這時就需要使用HTML來進行設置。
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align: center;
}
#wrapper{
width: 80%;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>這是頁面標題</h1>
<p>這是頁面內容。</p>
</div>
</body>
</html>在上述代碼中，我們首先使用了CSS來設置整個頁面的文本居中。接下來，我們使用了一個名為“wrapper”的div元素來包含網頁的所有內容，并指定長度為80%。為了使其水平居中，我們將左右邊距設為自動“margin: 0 auto;”。
通過這樣的設置，我們就可以輕松將整個網頁居中顯示，無論是在PC端還是移動端都非常美觀。如果需要多次進行居中，也可以使用一個名為“container”的div元素，然后將所有內容放置在其中，并按以上方法設置樣式即可。