在CSS中，通過(guò)使用“display”屬性和“margin”屬性可以輕松地讓子元素劇中顯示。

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

以上代碼中，“display: flex”是讓容器成為彈性容器，從而使子元素可以同時(shí)垂直和水平居中。而“justify-content: center”和“align-items: center”則是分別用于水平和垂直居中。

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

如果不想使用彈性容器的話，還可以使用“position”屬性來(lái)進(jìn)行劇中顯示。首先，將父元素設(shè)置為“position: relative”，然后再將子元素設(shè)置為“position: absolute”。接著，使用left和top屬性將子元素放置到容器的中心位置，最后使用transform屬性平移子元素以達(dá)到完美的劇中效果。

無(wú)論是使用彈性容器還是絕對(duì)定位，以上兩種方法都可以讓子元素輕松地劇中顯示。