CSS是網頁設計中非常重要的一部分，其中定義文字居中也是經常會用到的操作之一。本篇文章將講解CSS怎樣定義文字居中，以期幫助大家更好地掌握這一技能。
首先，需要說明的是，文字居中有很多種情況，包括水平居中、垂直居中、水平垂直同時居中等。本文將分別就這些情況給大家講解。
一、水平居中
想讓文字水平居中，可以在CSS中對要居中的文字所在的元素（例如div、p等）使用text-align:center屬性。
例如，如下CSS代碼可以讓p標簽內的文字水平居中：

p{
text-align:center;
 }

當然，如果要讓一個塊級元素（如div）內的內容水平居中，也可以使用margin屬性，將左右兩個邊距設為auto。例如：

div{
width:100px;
margin:0 auto;
 }

二、垂直居中
想讓文字垂直居中，可以在CSS中對要居中的文字所在的元素使用display:flex屬性，并設定其align-items: center屬性。這樣，元素內的文字便會垂直居中。
例如，如下CSS代碼可以讓p標簽內的文字垂直居中：

p{
display:flex;
align-items:center;
 }

當然，如果要讓一個塊級元素內的內容垂直居中，還可將其父元素的display設為flex，并設定其align-items: center屬性。例如：

div{
display:flex;
align-items:center;
 }

三、水平垂直同時居中
想讓文字水平垂直同時居中，需要采用比較特殊的方法。我們可以將該元素的position設置為absolute，并將top、left、right、bottom都設為0，這樣，該元素就會位于其父元素的正中心了。
例如，如下CSS代碼可以讓p標簽內的文字水平垂直同時居中：

p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
 }

當然，我們也可以使用flex布局來實現元素水平垂直居中：

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

以上就是CSS定義文字居中的方法，希望能對大家有所幫助。