CSS3中的“justify”屬性是專門用來設置文本對齊方式的。
p { text-align: justify; }
在默認情況下,文本是左對齊的。所以“justify”就是讓文本兩端對齊。
當使用“justify”時,瀏覽器會在文本之間加入空格,從而使得文本恰好排滿整個寬度。
另外,可以使用“text-justify”屬性來修改文本對齊方式的其他屬性,包括:
“auto”——默認值,基于字間距和字母間距計算。
“none”——文本左對齊,且不會添加空格。
“inter-word”——在單詞之間添加空格來實現文本兩端對齊。
“inter-ideograph”——在漢字之間添加空格來實現文本兩端對齊。
“inter-cluster”——在字符群之間添加空格來實現文本兩端對齊。
需要注意的是,對于某些語言,如阿拉伯語和希伯來語等,文本對齊方式是從右到左的,因此“text-align”屬性應該設置為“right”。這也適用于使用其他字符集的語言。
p { text-align: right; text-justify: inter-word; }
除此之外,CSS3中也新增了其他排版相關的屬性,如“column-count”、“column-gap”、“text-overflow”等,用來實現更加精美的排版效果。
上一篇css3中使用畫布的方法
下一篇mysql查詢數據頁