html怎么实现右对齐(css怎么设置右对齐)
生活随笔
收集整理的這篇文章主要介紹了
html怎么实现右对齐(css怎么设置右对齐)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
html實現文本右對齊
方法1：利用標簽的align屬性
align 屬性規定元素中的內容的水平對齊方式，值設置為right可右對齊內容。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>測試文本，測試文本</div> <div align="right">測試文本，測試文本</div> </body> </html>
登錄后復制
效果圖：
方法2：利用標簽的style屬性添加右對齊樣式
style 屬性規定元素的行內樣式（inline style）。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>測試文本，測試文本</div> <div style="text-align:right;">測試文本，測試文本</div> </body> </html>
登錄后復制
效果圖：
說明：
text-align 屬性規定元素中的文本的水平對齊方式。
該屬性通過指定行框與哪個點對齊，從而設置塊級元素內文本的水平對齊方式。通過允許用戶代理調整行內容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會得到不同的結果。
| 值 | 描述 |
|---|---|
| left | 把文本排列到左邊。默認值：由瀏覽器決定。 |
| right | 把文本排列到右邊。 |
| center | 把文本排列到中間。 |
| justify | 實現兩端對齊文本效果。 |
| inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
推薦教程：《html視頻教程》
以上就是html怎么實現右對齊的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的html怎么实现右对齐(css怎么设置右对齐)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 逆战天鲲套刷核要多久
- 下一篇： 科技一周大事（5 月 22 日-28 日