CSS 是一種用于網頁設計和美化的樣式表語言。在網頁設計中，我們經常遇到需要將某個選擇器居中的情況。那么該怎樣使用 CSS 讓選擇器實現水平和垂直居中呢？以下是兩種簡單方法。

一、使用 text-align 和 line-height 實現水平垂直居中。

選擇器 {
text-align: center; /* 讓選擇器水平居中 */
line-height: 塊元素的高度; /* 讓選擇器垂直居中 */
}

上述代碼中，我們設置選擇器的 text-align 屬性為 center，使其水平居中；然后設置 line-height 屬性為塊元素的高度，使其垂直居中。

二、使用 flexbox 實現水平垂直居中。

選擇器 {
display: flex; /* 將選擇器轉換為 flex 容器 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

上述代碼中，我們將選擇器的 display 屬性設置為 flex，將其轉換為 flex 容器。然后，我們設置 justify-content 屬性為 center，將其水平居中；接著設置 align-items 屬性為 center，將其垂直居中。

以上就是兩種簡單的方法，使用 text-align 和 line-height 或 flexbox 屬性可以輕松實現選擇器的水平和垂直居中。在使用其中一種方法之前，可以先根據實際情況選擇合適的方法，實現選擇器的居中效果。