在編寫網頁的過程中，很多時候需要將頁面中的元素居中展示，比如頁面的標題，圖片，文本內容等等。那么在CSS中，我們該如何設置頁面居中呢？

{
display: flex;
justify-content: center;
align-items: center;
}

上述代碼即可實現頁面的居中，接下來我們來逐個解釋下：

• display: flex;

• flex布局是一種彈性盒子模型，通過彈性盒子模型可以輕松控制元素的布局。

• justify-content: center;

• align-items屬性用來水平居中元素。

• align-items: center;

• justify-content屬性用來垂直居中元素。

總體而言，以上代碼是實現頁面居中最簡單的方式。除此之外，還有其他的一些設置方式，大家可以多探索工作中的適合自己的方式。