CSS中的居中是一個非常常見的問題，尤其是當(dāng)我們需要將兩個元素并排居中的時(shí)候。

在這種情況下，我們可以使用display:flex屬性來實(shí)現(xiàn)。首先，在包含這兩個元素的容器上添加以下CSS：

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

然后在這兩個元素上添加如下CSS：

.item {
width: 50%;
text-align: center;
}

通過這種方法，我們可以將兩個元素水平居中。如果我們想要將它們垂直居中，只需將align-items屬性改為center即可。

當(dāng)然，我們也可以使用其他的方法來實(shí)現(xiàn)居中效果，如使用絕對定位，將left和top屬性設(shè)置為50%然后使用transform: translate(-50%,-50%)來實(shí)現(xiàn)居中。

.item {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

這種方法也非常常見，但是它會使元素從正常文檔流中脫離，需要特別小心。

總體來說，居中是一個在CSS中非常重要的問題，需要我們通過不同的方法來實(shí)現(xiàn)。掌握這些方法可以幫助我們更好地設(shè)計(jì)和布局Web頁面。