css文字對齊屬性的取值有幾種

css文字對齊屬性的取值有5種，分別是：1、“left”，表示把文字排列到左邊；2、“right”，表示把文字排列到右邊；3、“center ”，表示把文字排列到中間；4、“justify”，實現兩端對齊文字效果；5、“inherit”，規定從父元素繼承值。

text-align （文字對齊）屬性規定元素中的文字的水平對齊方式。

此屬性透過指定行框與哪個點對齊，從而設定區塊級元素內文字的水平對齊方式。透過允許使用者代理程式調整行內容中字母和字之間的間隔，可以支援值 justify；不同使用者代理程式可能會得到不同的結果。

值	描述
#left	把文字排列到左邊。預設值：由瀏覽器決定。
right	把文字排列到右邊。
center	把文字排列到中間。
justify	#實現兩端對齊文字效果。
inherit	規定應該從父元素繼承 text-align 屬性的值。

值 justify

#最後一個水平對齊屬性是 justify，它會帶來自己的一些問題。

值 justify 可以使文字的兩端都對齊。在兩端對齊文字中，文字行的左右兩端都放在父元素的內邊界上。然後，調整單字和字母間的間隔，使各行的長度恰好相等。您也許已經注意到了，兩端對齊文字在列印領域很常見。不過在 CSS 中，還需要多做些考慮。

要由使用者代理（而不是 CSS）來決定兩端對齊文字如何拉伸，以填滿父元素左右邊界之間的空間。例如，有些瀏覽器可能只在單字之間增加額外的空間，而另外一些瀏覽器可能會平均分佈字母間的額外空間（不過CSS 規範特別指出，如果 letter-spacing 屬性指定為長度值，「用戶代理不能進一步增加或減少字元間的空間」）。還有一些用戶代理可能會減少某些行的空間，使文字擠得更緊密。所有這些做法都會影響元素的外觀，甚至改變其高度，這取決於使用者代理的對齊選擇影響了多少文字行。

CSS 也沒有指定應如何處理連字號（註1）。大多數兩端對齊文字都使用連字符將長單字分開放在兩行上，從而縮小單字之間的間隔，改善文字行的外觀。不過，由於 CSS 沒有定義連字符行為，所以用戶代理不太可能自動加連字符。因此，在 CSS 中，兩端對齊文字看起來沒有印出來好看，特別是元素可能太窄，以至於每行只能放下幾個單字。當然，使用窄設計元素是可以的，不過要當心相應的缺點。

註1：CSS 中沒有說明如何處理連字符，因為不同的語言有不同的連字符規則。規範沒有嘗試去調和這樣一些很可能不完備的規則，而是乾脆不提這個問題。    

#

以上是css文字對齊屬性的取值有幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！