CSS文本屬性中的兩端對(duì)齊功能可以通過設(shè)置text-align
屬性來實(shí)現(xiàn),可以將text-align
屬性設(shè)置為justify
,這樣文本就會(huì)兩端對(duì)齊顯示。
以下CSS代碼可以實(shí)現(xiàn)文本的兩端對(duì)齊:
p { text-align: justify; }
上述代碼中,p
元素中的文本就會(huì)兩端對(duì)齊顯示,需要注意的是,兩端對(duì)齊功能只對(duì)塊級(jí)元素有效,對(duì)于行內(nèi)元素則無效。
如果需要讓文本兩端對(duì)齊的同時(shí),還能夠保持首行縮進(jìn)的效果,可以使用text-indent
屬性來實(shí)現(xiàn)。
p { text-align: justify; text-indent: 2em; }
上述代碼中,p
元素中的文本就會(huì)兩端對(duì)齊顯示,并且首行會(huì)縮進(jìn)2em的距離。