如何讓CSS編寫的網頁居中顯示呢？這是前端開發中的一個常見問題，本篇文章將為大家詳細講解CSS的居中顯示方法。

居中顯示的方法有多種，下面我們一一介紹：
1、水平居中
在CSS中，設置一個寬度，再加上margin屬性即可實現水平居中。比如：
div{
width: 960px;
margin: 0 auto;
}
2、垂直居中
垂直居中相對于水平居中來說就要麻煩一些，不過方法也很多，其中比較常見的是使用flex布局，如下所示：
父容器：
.container{
display: flex;
justify-content: center;
align-items: center;
}
子容器：
.child{
width: 200px;
height: 100px;
}
3、水平垂直居中
如果想讓網頁在水平方向和垂直方向上同時居中，也是有一些方法的，比如使用絕對定位、使用translate、使用flex布局等等。以下是其中一種使用flex布局的方法：
.container{
display: flex;
justify-content: center;
align-items: center;
}
上述方法只是介紹了CSS居中的一些常見方式，對于不同的需求，可能需要不同的實現方式。但是相信通過本文的介紹，讀者可以對CSS的居中顯示有一個更全面的認識，并能在實踐中靈活應用。