CSS中如何實(shí)現(xiàn)文本兩端對(duì)齊?
使用text-align:justify屬性可以讓文本兩端對(duì)齊,但是需要注意的是文本最后一行可能會(huì)出現(xiàn)單詞間的間隔較大的情況。為此,可以使用text-justify: inter-word屬性來控制單詞之間的間隔。具體代碼如下:
```
p {
text-align: justify;
/*控制單詞間的間隔*/
text-justify: inter-word;
}
```
以上代碼可以讓所有的段落文本都兩端對(duì)齊,在應(yīng)用到網(wǎng)頁的時(shí)候可以單獨(dú)給段落設(shè)置這個(gè)樣式。
使用text-align-last: justify屬性可以讓最后一行文本也兩端對(duì)齊,代碼如下:
```
p {
text-align: justify;
/*控制單詞間的間隔*/
text-justify: inter-word;
/*最后一行文本也兩端對(duì)齊*/
text-align-last: justify;
}
```
以上代碼可以讓整個(gè)段落文本都兩端對(duì)齊,而且最后一行文本也不再有單詞間的過大間隔問題。
以上是CSS中文本兩端對(duì)齊的實(shí)現(xiàn)方法,希望對(duì)你有所幫助。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang