干嘛都要對(duì)齊呀，有些時(shí)候文本右邊不對(duì)齊并不是什么大問題。但如果你的CSS代碼中出現(xiàn)了這個(gè)問題，那就有必要好好解決一下了。
我們常用的文本對(duì)齊方式包括左、中、右對(duì)齊，其中最常用的是左對(duì)齊。但是有時(shí)候我們希望文本能夠在容器內(nèi)自由換行，而不是強(qiáng)制性地右對(duì)齊。
這種情況下，我們應(yīng)該使用 text-align 屬性將文本向左對(duì)齊。但是在一些較老的瀏覽器上，存在一個(gè)問題；當(dāng)容器寬度設(shè)定為百分比時(shí)，文本顯示會(huì)出現(xiàn)偏差，導(dǎo)致右側(cè)文本無法對(duì)齊。
要解決這個(gè)問題，我們可以使用下面這個(gè)CSS規(guī)則：
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
這個(gè)規(guī)則可以讓文本自由地?fù)Q行，同時(shí)在文本行末尾自動(dòng)斷開；這樣我們就能夠避免出現(xiàn)文本右側(cè)的排版問題。
不過，我們也需要注意到這個(gè)規(guī)則并不適用于所有情況，因?yàn)樗赡軙?huì)導(dǎo)致文本內(nèi)容和樣式的不一致性。所以，在設(shè)置文本樣式的時(shí)候，最好結(jié)合實(shí)際需求去處理。