CSS3采用了新的盒模型，可以方便地實現(xiàn)子元素的居中顯示。通常在實現(xiàn)居中顯示時，我們需要使用text-align和vertical-align屬性，但這些屬性只能用于塊級元素或表格單元格，無法直接用于子元素。

然而，CSS3為我們提供了新的屬性來實現(xiàn)子元素的居中顯示——display和position屬性。具體來說，我們可以采用以下方法：

parent{
display: flex; 
justify-content: center; 
align-items: center;
}
child{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

首先，我們可以將父元素的display屬性設(shè)置為flex，這樣就可以使用justify-content和align-items屬性將子元素水平和垂直中心對齊。不過這種方式只適用于父元素是塊級元素的情況。

另一種更通用的方式是使用absolute定位，并設(shè)置top、left以及transform屬性，這樣就可以將子元素相對于父元素水平和垂直居中。其中，transform屬性中的translate函數(shù)可以設(shè)置偏移量，使子元素的中心點與父元素的中心點重合。

CSS3使用這些新屬性可以實現(xiàn)子元素的居中顯示，使頁面布局更加美觀和靈活。同時，我們也要注意不同屬性的適用情況，避免出現(xiàn)排版錯誤和兼容性問題。