當我們使用CSS進行樣式設定時,不僅可以設置文本字體大小、顏色等屬性,還可以通過設置文字分布,讓頁面更加美觀。
text-align:center; /* 居中對齊 */ text-align:left; /* 左對齊 */ text-align:right; /* 右對齊 */ text-align:justify; /* 兩端對齊 */
通過設置不同的text-align屬性值,可以讓文本在頁面上不同的對齊方式,如居中、左對齊、右對齊和兩端對齊。
text-justify:auto; /* 默認值,按照自然順序排列 */ text-justify:distribute; /* 兩端對齊 */ text-justify:distribute-all-lines; /* 所有行兩端對齊 */ text-justify:inter-character; /* 字符之間分散對齊 */ text-justify:inter-word; /* 單詞之間分散對齊 */ text-justify:none; /* 不設置文本對齊 */
與text-align屬性不同,text-justify屬性是針對文本的分布進行設置。通過設置text-justify屬性值,可以讓文本在頁面上以不同的方式排列,如按自然順序、兩端對齊、字符之間分散對齊等。
當然,除了以上兩種屬性,還有其他一些屬性可以對文本分布進行設置。如line-height屬性可以控制行高度,word-spacing屬性可以控制單詞之間的間距等,可以根據頁面需求選擇不同的屬性進行設置。
上一篇css頁面示例