css文字居中怎麼打

CSS text-align

text-align語法：

text-align : left | right | center | justify

text-align參數值與說明： 

left : 左對齊

right : 右對齊

center : 居中

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

#我們對text-align常用的參數值為left、right、center

text-align功能說明：

設定或檢索物件中文字的左中右對齊方式。

案例示範：

我們設定3個盒子，分別都設定盒子CSS高度、CSS寬度相同，再分別設定三個盒子裡內容物靠左對齊、居中對齊、靠右對齊。

我們都設定3個盒子高度為50px；寬度為300px；便於觀察我們設定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 分别设置 靠左 居中 靠右对齐 
*/

2）、HTML程式碼

<div class="div1">我被靠左对齐</div> 
<div class="div2">我被居中显示</div> 
<div class="div3">我被靠右对齐</div>

以上是css文字居中怎麼打的詳細內容。更多資訊請關注PHP中文網其他相關文章！