CSS3提供了多種方式實現居中，以下是其中一些：

/* 水平居中 */
.parent {
text-align: center;
}
.child {
display: inline-block;
}
/* 垂直居中 */
.parent {
display: flex;
justify-content: center;
align-items: center;
}
/* 水平垂直居中 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼中，第一段實現的是將子元素水平居中，通過設置父元素的文本對齊方式為center，使子元素以行內塊元素的方式水平居中。

第二段代碼實現的是將子元素垂直居中，通過設置父元素為flex布局，使用justify-content和align-items屬性來水平和垂直居中。需要注意的是，這種方法需要父元素是固定高度的。

第三段代碼實現的是將子元素水平垂直居中。首先將父元素設置為相對定位，并將子元素設置為絕對定位，然后設置top和left屬性為50%，配合transform: translate(-50%, -50%)，可以實現子元素水平垂直居中。