CSS中的寬度居中是很常見的需求，本文將介紹如何實現寬度居中。

一般來說，可以使用margin屬性實現寬度居中。比如說一個 500px 的盒子要在頁面中水平居中。

.box{
width: 500px;
margin: 0 auto;
}

上述代碼中的 margin: 0 auto; 就是實現寬度居中的關鍵。其中的 0 表示上下邊距為0，而 auto 表示左右邊距自動分配。

還可以使用 flex 布局來實現寬度居中：

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

上述代碼中的 display: flex; 聲明了一個 flex 布局，justify-content: center; 和 align-items: center; 分別表示水平和垂直方向居中。

總之，實現寬度居中的方法有很多種，要根據實際需求來選用適合的方法。