CSS代碼：文字居中顯示 想要將一段文字居中顯示，我們可以通過CSS代碼實(shí)現(xiàn)。下面就讓我們來看看如何實(shí)現(xiàn)文字水平和垂直都居中顯示的效果。 1. 水平居中 我們可以使用如下的CSS代碼來實(shí)現(xiàn)水平居中： ``` CSS text-align: center; ``` 將這段CSS代碼應(yīng)用到元素上，就可以使元素內(nèi)的文字水平居中。 2. 垂直居中 實(shí)現(xiàn)垂直居中的效果，我們需要借助Flex布局。 ``` CSS display: flex; justify-content: center; align-items: center; ``` 這三條CSS代碼實(shí)現(xiàn)了Flex布局，其中```justify-content: center```使元素水平居中，```align-items: center```使元素垂直居中。 3. 水平和垂直都居中 如果想要同時實(shí)現(xiàn)水平和垂直都居中的效果，我們可以將水平居中的方法和垂直居中的方法結(jié)合起來使用。 ``` CSS display: flex; justify-content: center; align-items: center; text-align: center; ``` 以上代碼實(shí)現(xiàn)了Flex布局的同時，也實(shí)現(xiàn)了文字的水平和垂直居中。 總結(jié) 以上就是CSS代碼實(shí)現(xiàn)文字居中顯示的三種方法。通過這些方法，我們可以很方便地實(shí)現(xiàn)元素內(nèi)文字的居中顯示效果。