文字對齊是網頁設計的重要一環。在CSS中,我們可以使用text-align屬性實現文字在頁面中的左右對齊。常用的取值有left、right和center。在下面的示例中,我們將分別演示左對齊、右對齊和居中對齊的效果。
左對齊:
p { text-align: left; }
這是一段左對齊的文字。左對齊的文字會顯示在左側,邊緣是對齊的。
右對齊:p { text-align: right; }
這是一段右對齊的文字。右對齊的文字會顯示在右側,邊緣是對齊的。
居中對齊:p { text-align: center; }
這是一段居中對齊的文字。居中對齊的文字會顯示在頁面中央,左右兩側邊緣是對齊的。
需要注意的是,以上屬性作用于塊級元素以及一些內聯元素(如p、div等)。如果想要實現某個內聯元素的對齊效果,可以試著將其包裹在塊級元素中,并將text-align屬性應用于包裹元素。 總之,文字對齊是一項簡單但又實用的技術,可以使網頁的布局更加穩定。我們可以根據具體需求選擇不同的對齊方式,以達到最佳效果。下一篇文字定位css