站長(zhǎng)資訊網(wǎng)在css中，可以通過(guò)給div元素添加“text-align: right;”樣式來(lái)讓div里面的文字靠右。text-align屬性可以設(shè)置元素中的文本的水平對(duì)齊方式，當(dāng)屬性值設(shè)置為“right”時(shí)可以把文本排列到右邊。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css實(shí)現(xiàn)div里面的文字靠右
//文字右邊對(duì)齊 div{text-align: right;}
text-align 屬性規(guī)定元素中的文本的水平對(duì)齊方式。
該屬性通過(guò)指定行框與哪個(gè)點(diǎn)對(duì)齊，從而設(shè)置塊級(jí)元素內(nèi)文本的水平對(duì)齊方式。通過(guò)允許用戶(hù)代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值 justify；不同用戶(hù)代理可能會(huì)得到不同的結(jié)果。
| 值 | 描述 |
|---|---|
| left | 把文本排列到左邊。默認(rèn)值：由瀏覽器決定。 |
| right | 把文本排列到右邊。 |
| center | 把文本排列到中間。 |
| justify | 實(shí)現(xiàn)兩端對(duì)齊文本效果。 |
【推薦教程：CSS視頻教程 】
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width: 500px; padding: 10px; background: palegoldenrod; } .box{ text-align: right; } </style> </head> <body> <div>div中的測(cè)試文本--默認(rèn)</div> <div class="box">div中的測(cè)試文本--右邊對(duì)齊</div> </body> </html>
效果圖：
