CSS中的居中是一個常見的需求，可以通過居中線來達到這個目的。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
}
/* 水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

以上代碼展示了如何使用flexbox來實現水平居中、垂直居中以及水平垂直居中。需要注意的是，居中是相對于指定容器的內容進行的，而不是相對于瀏覽器窗口。同時，對于一些特殊的元素（如絕對定位元素），需要參考其父元素的設置來實現居中。

另外，除了使用flexbox外，還有其他的居中方法。比如，可以通過設置元素的margin值、使用absolute和translate等方式來實現居中。但這些方法需要根據具體情況選擇合適的方案，并且有時可能會影響到元素的布局和性能。

總之，居中是CSS布局中常用的一種技巧，熟練掌握居中線的使用能夠快速地解決布局問題。