CSS中的居中是網頁設計中非常重要的一個概念，它能夠使我們的網頁呈現更加美觀、整潔。但是，很多初學者不知道CSS中的居中是應該放在哪里，接下來我們就來講一下。

/* 居中一：水平居中 */
/* 對于塊級元素，可使用 margin 屬性實現水平居中 */
div {
width: 300px;
height: 200px;
margin: 0 auto; /* 左右自動居中 */
}
/* 居中二：垂直居中 */
/* 對于行內元素或圖片，可使用 vertical-align 屬性實現垂直居中 */
img {
vertical-align: middle;
}
/* 居中三：水平和垂直同時居中 */
/* 對于絕對定位元素，可使用 top、left、right、bottom 和 margin 屬性實現水平和垂直同時居中 */
#box {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -70px; /* 左上角的偏移量 */
}
/* 居中四：CSS3 中的 Flex 屬性 */
/* 對于流式布局，我們可以使用 Flex 實現水平和垂直同時居中 */
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

通過上述代碼，我們可以清晰地找到CSS中居中的位置。對于不同的元素和場景，我們需要采用不同的居中方式來實現美觀和效果的優化。