CSS中的text屬性可以控制文本在元素中的對齊方式。通過設置text-align屬性，我們可以將文本水平居中或垂直居中。

/* 水平居中 */
.text-center {
text-align: center;
}
/* 垂直居中 */
.text-middle {
display: flex;
justify-content: center;
align-items: center;
}

水平居中使用text-align:center來實現，其適用于元素是塊級元素或行內塊級元素的情況，例如div、p、span等。

垂直居中則需要使用flex布局的屬性來實現，設置父元素的display為flex，justify-content和align-items均設置為center即可。

可以配合使用這兩種方式來實現水平和垂直居中。

/* 水平垂直居中 */
.text-center-middle {
display: flex;
justify-content: center;
align-items: center;
}

需要注意的是，垂直居中需要將父元素的height屬性設定為固定值或百分比，否則無法實現。