CSS中如何實現文字水平和垂直居中？
有時候在網頁布局中，我們需要將文字居中對齊，這時候就需要用到CSS的定位屬性。下面介紹幾種實現方式。
1. 使用line-height屬性
首先，我們可以使用line-height屬性來實現文字的垂直居中。將行高設置為與元素高度相等即可實現。
p {
height: 100px;
line-height: 100px;
text-align: center;
}
上面的代碼將文本框的高度設置為100px，并將line-height設置為100px，這樣里面的文本就可以垂直居中了。
2. 使用display和justify-content屬性
我們也可以使用CSS3中的Flexbox（彈性盒子布局）來實現文字的水平和垂直居中。
p {
display: flex;
justify-content: center;
align-items: center;
}
上面的代碼將p元素的display屬性設置為flex，并使用justify-content和align-items屬性將文本水平和垂直居中。
3. 使用position屬性
最后，我們還可以使用CSS的position屬性來實現，這種方式需要將元素的position屬性設置為absolute，并將top和left屬性設置為50%。然后使用transform: translate(-50%, -50%)來將元素水平和垂直居中。
p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
以上是幾種實現文字水平和垂直居中的方法，具體使用哪一種取決于具體場景和需求。