如何在css中讓文字居中顯示

在css中，可以利用text-align屬性來讓文字居中顯示，該屬性的作用就是指定元素文字的水平對齊方式，只需要將該屬性的值設為「center」即可把文字排列到中間；語法“text-align:center;”。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中，主要透過text-align屬性設定為center來實現文字居中，下面透過程式碼範例來具體看看。

1、新建一個html文件，命名為test.html，用來講解利用CSS怎麼讓文字居中。

2、在test.html檔案內，使用div標籤建立一個模組，並設定其class屬性為bob，下面將透過該class設定其css樣式。

3、在test.html檔案內，在div標籤內，使用p標籤建立一行文字，下面將利用CSS讓文字居中。

4、在test.html檔案內，寫標籤，頁面的css樣式將會寫在該標籤內。

5、在css標籤內，對類別名稱為bob的div進行樣式設置，定義其寬度為300px，高度為30px，背景顏色為紅色。

6、在css標籤內，對p元素進行樣式設置，並使用text-align屬性設定文字居中（center），文字顏色為白色。

7、在瀏覽器開啟test.html文件，查看實現的效果。

（學習影片分享：css影片教學）

以上是如何在css中讓文字居中顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！