站長資訊網(wǎng)
html實現(xiàn)右對齊的方法：1、利用標簽的align屬性，語法“<element align="right">”；2、利用標簽的style屬性添加右對齊樣式，語法“<element style="text-align:right">”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html實現(xiàn)文本右對齊
方法1：利用標簽的align屬性
align 屬性規(guī)定元素中的內(nèi)容的水平對齊方式，值設置為right可右對齊內(nèi)容。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>測試文本，測試文本</div> <div align="right">測試文本，測試文本</div> </body> </html>
效果圖：
方法2：利用標簽的style屬性添加右對齊樣式
style 屬性規(guī)定元素的行內(nèi)樣式（inline style）。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>測試文本，測試文本</div> <div style="text-align:right;">測試文本，測試文本</div> </body> </html>
效果圖：
說明：
text-align 屬性規(guī)定元素中的文本的水平對齊方式。
該屬性通過指定行框與哪個點對齊，從而設置塊級元素內(nèi)文本的水平對齊方式。通過允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會得到不同的結(jié)果。
| 值 | 描述 |
|---|---|
| left | 把文本排列到左邊。默認值：由瀏覽器決定。 |
| right | 把文本排列到右邊。 |
| center | 把文本排列到中間。 |
| justify | 實現(xiàn)兩端對齊文本效果。 |
| inherit | 規(guī)定應該從父元素繼承 text-align 屬性的值。 |
推薦教程：《html視頻教程》
