這篇文章主要介紹怎么使用CSS實現(xiàn)文本左對齊、右對齊和居中對齊,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)公司長期為近1000家客戶提供的網(wǎng)站建設(shè)服務,團隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為岑鞏企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作,岑鞏網(wǎng)站改版等技術(shù)服務。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
語法格式:
text-align:(文本位置)
位置 說明
left 左對齊
right 右對齊
center 居中對齊
justify 兩端對齊
接下我們來分別看看這四種對齊方式的設(shè)置方法
文本左對齊的設(shè)置方法:
text-align:left;
文本右對齊設(shè)置方法:
text-align:right;
文本居中對齊設(shè)置方法:
text-align:center;
文本兩端對齊設(shè)置方法:
text-align:justify;
我們來看具體的代碼示例1:
TextAlign.html
php中文網(wǎng)左對齊
php中文網(wǎng)
php中文網(wǎng)
php
php中文網(wǎng)右對齊
php中文網(wǎng)
php中文網(wǎng)
php
php中文網(wǎng)居中對齊
php中文網(wǎng)
php中文網(wǎng)
php
php中文網(wǎng)
兩端對齊
php中文網(wǎng)
php
TextAlign.css
.TextLeft{
margin-top:24px;
margin-left:32px;
border:1pxsolid#ff6a00;
width:480px;
text-align:left;
}
.TextRight{
margin-top:24px;
margin-left:32px;
border:1pxsolid#ff6a00;
width:480px;
text-align:right;
}
.TextCenter{
margin-top:24px;
margin-left:32px;
border:1pxsolid#ff6a00;
width:480px;
text-align:center;
}
.TextJustify{
margin-top:24px;
margin-left:32px;
border:1pxsolid#ff6a00;
width:480px;
text-align:justify;
text-justify:distribute-all-lines;
}
以上是“怎么使用CSS實現(xiàn)文本左對齊、右對齊和居中對齊”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!