css如何實現(xiàn)文字居中？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司，提供成都網(wǎng)站制作、成都做網(wǎng)站，網(wǎng)頁設(shè)計，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進行網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團隊，希望更多企業(yè)前來合作!

CSS text-align

text-align語法：

text-align : left | right | center | justify

text-align參數(shù)值與說明：

left : 左對齊

right : 右對齊

center : 居中

*justify : 兩端對齊（不推薦使用，通常大部分瀏覽器不使用）

我們對text-align常用的參數(shù)值為left、right、center

text-align功能說明：

設(shè)置或檢索對象中文本的左中右對齊方式。

案例示范：

我們設(shè)置3個盒子，分別都設(shè)置盒子CSS高度、CSS寬度相同，再分別設(shè)置三個盒子里內(nèi)容靠左對齊、居中對齊、靠右對齊。

我們都設(shè)置3個盒子高度為50px；寬度為300px；便于觀察我們設(shè)置3個盒子都1個黑色邊框樣式。

1、HTML+CSS代碼

1）、CSS代碼

.div1{ width:300px; height:50px; border:1px solid #000; text-align:left} 
.div2{ width:300px; height:50px; border:1px solid #000; text-align:center} 
.div3{ width:300px; height:50px; border:1px solid #000; text-align:right} 
/*  
div1 div2 div3 分別設(shè)置 靠左 居中 靠右對齊 
*/

2）、HTML代碼

我被靠左對齊
 
我被居中顯示
 
我被靠右對齊

感謝各位的閱讀！看完上述內(nèi)容，你們對css如何實現(xiàn)文字居中大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。