CSS3提供了多種屬性可以讓我們輕松控制元素居中顯示，包括文本、圖像、DIV等等。

CSS3的屬性包括text-align, margin和display等，這里我們重點介紹text-align和margin的用法。

/* 居中文本 */
.text-center {
text-align: center;
}
/* 居中元素 */
.element-center {
margin: auto;
}

text-align屬性可以控制文本在父元素中水平居中，這個屬性可以直接在父元素中設置，也可以在子元素中設置。

margin屬性可以控制元素在父元素中水平垂直居中，在父元素中設置margin屬性為auto即可實現居中，同時需要設置元素的position屬性，常用的取值是relative。

/* 水平垂直居中 */
.element-center {
margin: auto;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼可以讓元素在父元素中水平垂直居中，使用了position和margin屬性實現了水平居中，使用了top、left和transform實現了垂直居中。

需要注意的是，以上的代碼對行內元素和塊級元素的居中都有效。

總結一下：

• text-align可以讓父元素的文本水平居中
• margin可以讓元素垂直水平居中，同時需要設置position屬性為relative
• 要注意塊級元素和行內元素的不同居中方法