在CSS中,使用text-align屬性控制文本的水平方向的對齊方式:左對齊、居中對齊、右對齊。
語法:
text-align:屬性值;
說明:
text-align屬性取值如下表:
text-align屬性只能針對文本文字和img標簽,對其他標簽無效。記住那,text-align屬性不僅對文本文字有效,對img標簽也有效!
舉例:
在線測試<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>text-align屬性</title> <style type="text/css"> #p1{text-align:left;} #p2{text-align:center;} #p3{text-align:right;} </style> </head> <body> <p id="p1"><strong>左對齊</strong>:好好學習,天天向上。</p> <p id="p2"><strong>居中對齊</strong>:好好學習,天天向上。</p> <p id="p3"><strong>右對齊</strong>:好好學習,天天向上。</p> </body> </html>
在浏覽器預覽效果如下: