在HTML中，設(shè)置頁面居中顯示是一個(gè)常見的需求，尤其是對(duì)于那些需要在不同設(shè)備上都能夠完美展示的頁面來說。

在設(shè)置頁面居中顯示之前，我們首先需要明確一個(gè)概念，那就是HTML頁面是相對(duì)于瀏覽器窗口大小定位的。

接下來，我們來介紹三種不同的方法來設(shè)置頁面居中顯示：

// 第一種方法：使用CSS
// 將頁面的寬度設(shè)置為固定值，并將左右margin設(shè)置為auto
body {
width: 800px;
margin: 0 auto;
}
// 第二種方法：使用flexbox
// 將body的display屬性設(shè)置為flex，并將justify-content和align-items均設(shè)置為center
body {
display: flex;
justify-content: center;
align-items: center;
}
// 第三種方法：使用table
// 將body和其內(nèi)部的元素都設(shè)置為table，將內(nèi)容都放在一個(gè)居中的table-cell之中
body, html {
display: table;
height: 100%;
width: 100%;
}
body {
display: table-cell;
vertical-align: middle;
}

以上三種方法，可以根據(jù)自己的需求來選擇其中的一種來實(shí)現(xiàn)頁面居中顯示。需要注意的是，在具體設(shè)置時(shí)還要考慮到響應(yīng)式布局等問題。