使用CSS3文本對齊功能讓您的文本顯示更加有序和專業。CSS3有四種文本對齊方式分別是左對齊(left)、右對齊(right)、居中對齊(center)和兩端對齊(justify)。
在HTML頁面中使用CSS樣式進行對齊,以下是對四種對齊方式的介紹和示例:
1. 左對齊
左對齊是默認對齊方式,即文本從左邊開始對齊。使用CSS樣式 text-align:left; 實現左對齊。示例代碼如下:
p { text-align:left; }2. 右對齊 右對齊是文本從右邊開始對齊,使用CSS樣式 text-align:right; 實現右對齊。示例代碼如下:
p { text-align:right; }3. 居中對齊 居中對齊是文本在中間對齊,使用CSS樣式 text-align:center; 實現居中對齊。示例代碼如下:
p { text-align:center; }4. 兩端對齊 兩端對齊是文本在兩端對齊,但是除非有必要否則不會拉伸單詞和字符。使用CSS樣式 text-align:justify; 實現兩端對齊。示例代碼如下:
p { text-align:justify; }以上是CSS3文本對齊的四種方式,可以根據不同的場合靈活使用。
下一篇css3圓形投影