text-align
屬性
text-align
屬性主要用於設定區塊級元素(如 <p>
、<div>
)內部行內內容的水平對齊方式。常見的取值包括:
left
:將文字向左對齊。right
:將文字向右對齊。center
:將文字置中對齊。justify
:將文字兩端對齊,使每行的左右邊緣對齊容器的左右邊緣。
例如,以下 CSS 程式碼將段落文字置中對齊:
p {
text-align: center;
}
這樣,所有 <p>
元素內的文字將會置中顯示。
justify
對齊
使用 text-align: justify;
可以使段落文字兩端對齊,呈現整齊的左右對齊效果。需要注意的是,justify
對齊可能會導致單詞之間的間距不一致,特別是在包含大量標點符號或中英文混排的情況下。
語言方向的影響
text-align
屬性的效果不受語言方向(如從左到右或從右到左)的影響。即使在設定了 dir="rtl"
(從右到左)的情況下,text-align: left;
仍然會使文字向左對齊。
繼承性
text-align
屬性具有繼承性,這意味著子元素會繼承父元素的 text-align
設定。如果需要特定元素有不同的對齊方式,可以在該元素上重新定義 text-align
屬性。
總結
透過 text-align
屬性,我們可以靈活地控制文字的水平對齊方式,從而提升網頁的可讀性和美觀度。在使用時,應根據內容和設計需求選擇適當的對齊方式,並注意可能產生的間距問題。