1如圖，我們建立一個盒子，然後中間輸入文字資訊

2當我們對盒子添加了邊框顏色後，瀏覽器效果如圖所示，文字在左側第一行位置

3想要文字居中，可以輸入text-align 這個文字的對齊樣式了，然後在屬性中輸入center中間的意思，就是將文字在水平位置居中

4如圖，這樣就是文字在水平位置上的居中了

5還有就是設定文字的垂直居中對齊了，可以根據不同的需要調整margin或者line值，這裡使用的是行高將其設定為垂直居中，如圖，行高的屬性是line-height，後面的屬性值設定和父級的盒狀標籤高度相同，這樣就可以做到文字垂直方向上居中了

6如圖，最後的效果就是這樣的了。

1、如圖，我們建立一個盒子，然後中間輸入文字資訊

2、當我們對盒子添加了邊框顏色後，瀏覽器效果如圖所示，文字在左側第一行位置

3、想要文字居中，可以輸入text-align 這個文字的對齊樣式了，然後在屬性中輸入center中間的意思，就是將文字在水平位置居中

4、如圖，這樣就是文字在水平位置上的居中了

5、還有就是設定文字的垂直居中對齊了，可以根據不同的需要調整margin或者line值，這裡使用的是行高將其設定為垂直居中，如圖，行高的屬性是line-height，後面的屬性值設定和父級的盒狀標籤高度相同，這樣就可以做到文字垂直方向上居中了

6、如圖，最後的效果就是這樣的了。