設定元素的文字對齊方式: text-align 屬性規定元素中的文字的水平對齊方式。 該屬性透過指定行框與哪個點對齊,從而設定塊級元素內文字的水平對齊方式。透過允許使用者代理調整行內容中字母和字之間的間隔,可以支援值 justify;不同使用者代理可能會得到不同的結果。 left 把文字排列到左邊。預設值:由瀏覽器決定。 right 把文字排列到右邊。 center 把文字排列到中間。 justify 實現兩端對齊文字效果。 inherit 規定應該從父元素繼承 text-align 屬性的值。 值 justify 最後一個水平對齊屬性是 justify,它會帶來自己的一些問題。 值 justify 可以使文字的兩端都對齊。在兩端對齊文字中,文字行的左右兩端都放在父元素的內邊界上。然後,調整單詞和字母間的間隔,使各行的長度恰好相等。您也許已經注意到了,兩端對齊文字在列印領域很常見。不過在 CSS 中,還需要多做些考慮。 要由使用者代理(而不是 CSS)來確定兩端對齊文字如何拉伸,以填滿父元素左右邊界之間的空間。例如,有些瀏覽器可能只在單詞之間增加額外的空間,而另外一些瀏覽器可能會平均分佈字母間的額外空間(不過 CSS 規範特別指出,如果 letter-spacing 屬性指定為一個長度值,“使用者代理不能進一步增加或減少字元間的空間”)。還有一些使用者代理可能會減少某些行的空間,使文字擠得更緊密。所有這些做法都會影響元素的外觀,甚至改變其高度,這取決於使用者代理的對齊選擇影響了多少文字行。 CSS 也沒有指定應當如何處理連字元(注1)。大多數兩端對齊文字都使用連字元將長單詞分開放在兩行上,從而縮小單詞之間的間隔,改善文字行的外觀。不過,由於 CSS 沒有定義連字元行為,使用者代理不太可能自動加連字元。因此,在 CSS 中,兩端對齊文字看上去沒有打印出來好看,特別是元素可能太窄,以至於每行只能放下幾個單詞。當然,使用窄設計元素是可以的,不過要當心相應的缺點。 注1:CSS 中沒有說明如何處理連字元,因為不同的語言有不同的連字元規則。規範沒有嘗試去調和這樣一些很可能不完備的規則,而是乾脆不提這個問題
設定元素的文字對齊方式: text-align 屬性規定元素中的文字的水平對齊方式。 該屬性透過指定行框與哪個點對齊,從而設定塊級元素內文字的水平對齊方式。透過允許使用者代理調整行內容中字母和字之間的間隔,可以支援值 justify;不同使用者代理可能會得到不同的結果。 left 把文字排列到左邊。預設值:由瀏覽器決定。 right 把文字排列到右邊。 center 把文字排列到中間。 justify 實現兩端對齊文字效果。 inherit 規定應該從父元素繼承 text-align 屬性的值。 值 justify 最後一個水平對齊屬性是 justify,它會帶來自己的一些問題。 值 justify 可以使文字的兩端都對齊。在兩端對齊文字中,文字行的左右兩端都放在父元素的內邊界上。然後,調整單詞和字母間的間隔,使各行的長度恰好相等。您也許已經注意到了,兩端對齊文字在列印領域很常見。不過在 CSS 中,還需要多做些考慮。 要由使用者代理(而不是 CSS)來確定兩端對齊文字如何拉伸,以填滿父元素左右邊界之間的空間。例如,有些瀏覽器可能只在單詞之間增加額外的空間,而另外一些瀏覽器可能會平均分佈字母間的額外空間(不過 CSS 規範特別指出,如果 letter-spacing 屬性指定為一個長度值,“使用者代理不能進一步增加或減少字元間的空間”)。還有一些使用者代理可能會減少某些行的空間,使文字擠得更緊密。所有這些做法都會影響元素的外觀,甚至改變其高度,這取決於使用者代理的對齊選擇影響了多少文字行。 CSS 也沒有指定應當如何處理連字元(注1)。大多數兩端對齊文字都使用連字元將長單詞分開放在兩行上,從而縮小單詞之間的間隔,改善文字行的外觀。不過,由於 CSS 沒有定義連字元行為,使用者代理不太可能自動加連字元。因此,在 CSS 中,兩端對齊文字看上去沒有打印出來好看,特別是元素可能太窄,以至於每行只能放下幾個單詞。當然,使用窄設計元素是可以的,不過要當心相應的缺點。 注1:CSS 中沒有說明如何處理連字元,因為不同的語言有不同的連字元規則。規範沒有嘗試去調和這樣一些很可能不完備的規則,而是乾脆不提這個問題