溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了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 中沒有說明如何處理連字符，因為不同的語言有不同的連字符規則。規范沒有嘗試去調和這樣一些很可能不完備的規則，而是干脆不提這個問題。
感謝你能夠認真閱讀完這篇文章，希望小編分享css文本如何對齊屬性取值內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
