在CSS中,text-align
屬性用來控制元素中文本的文字對齊方式。這一屬性可以應用于塊級元素和表格單元格元素,它可以左對齊(left)、右對齊(right)、居中對齊(center)或兩端對齊(justify)。
下面我們來看幾個例子:
p { text-align: left; }
這會把段落文字左對齊。
p { text-align: right; }
這則會把段落文字右對齊。
p { text-align: center; }
這則會把段落文字居中對齊。
p { text-align: justify; }
這則會把段落文字兩端對齊。這個選項會讓段落中每一行都填滿整個行寬,需要注意的是,這可能會導致單詞和字母間距變大,因此需要斟酌使用。
需要注意的是,text-align
屬性只會影響文本的對齊方式,而不會影響元素本身在文檔流中的對齊方式,例如如果你想讓一個塊級元素居中對齊,就需要使用margin
屬性或者 Flexbox 布局。
總之,text-align
屬性是一個非常常用的屬性,掌握好這個屬性能夠使你更好地控制頁面中的布局。