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