CSS中,我們可以通過text-align屬性來控制文字的水平分布,常見的取值有l(wèi)eft、center、right等。但是,如果我們想讓文字左右分布,該怎么做呢?這時(shí),我們可以使用CSS的direction屬性。
p { text-align: justify; direction: rtl; /*右向左*/ }
通過設(shè)置direction為rtl,即right-to-left,我們可以讓文字從右往左排布,這樣就實(shí)現(xiàn)了文字左右分布的效果。同時(shí),我們還需要將text-align設(shè)置為justify,這樣才能讓文字均勻分布。
不過,需要注意的是,這種文字分布方式對(duì)于中文來說并不常用,一般適用于阿拉伯文等從右往左書寫的語言。
p { text-align: justify; direction: ltr; /*左向右*/ }
如果我們想讓文字從左往右排布,則需要將direction設(shè)置為ltr,即left-to-right。
除了直接在p標(biāo)簽中設(shè)置,我們也可以通過給父元素設(shè)置direction屬性來控制其內(nèi)部p標(biāo)簽的文字分布。
.container { direction: rtl; } .container p { text-align: justify; }
在這個(gè)例子中,我們給class為container的父元素設(shè)置了direction為rtl,然后在其內(nèi)部的p標(biāo)簽中設(shè)置了text-align為justify。這樣,所有在.container中的p元素都會(huì)從右往左排布了。