在網(wǎng)頁設(shè)計中，我們經(jīng)常需要使用兩端對齊的效果來優(yōu)化排版。CSS中提供了text-align: justify;屬性來實(shí)現(xiàn)兩端對齊。但是，在實(shí)際應(yīng)用中，我們可能會發(fā)現(xiàn)，同樣的CSS屬性在不同的瀏覽器中呈現(xiàn)效果不一致，甚至出現(xiàn)兼容性問題。

p{
text-align: justify;
}

造成CSS兩端對齊不兼容的原因有很多，主要包括以下兩個方面：

一、瀏覽器排版引擎的不同導(dǎo)致了呈現(xiàn)效果差異。例如，大多數(shù)瀏覽器的排版引擎采用了基于字母間隔的對齊方式。但是，某些瀏覽器（如IE6/IE7）的排版引擎則采用了不同的對齊方式，往往造成兩端對齊失效。

二、CSS屬性的解析方式也影響了兩端對齊的兼容性。例如，在某些瀏覽器中設(shè)置text-align: justify;屬性時，文本的最后一行會出現(xiàn)過大的字母間隔，影響視覺效果。但是，在某些其他瀏覽器中，text-align: justify;可以完美呈現(xiàn)兩端對齊的效果。

針對以上問題，我們可以采用一些方法來解決CSS兩端對齊不兼容的問題。

一、采用CSS hack的方式。使用不同的CSS hack可以解決不同瀏覽器的兼容問題。

p{
text-align: justify; /*標(biāo)準(zhǔn)*/
text-align: -moz-justify; /*Firefox*/
text-align: -webkit-justify; /*Chrome and Safari*/
text-align: -ie-justify; /*Internet Explorer*/
}

二、采用JavaScript的方式。使用JavaScript可以更加靈活地控制兩端對齊的效果，同時也可以解決不同瀏覽器的兼容問題。

$(document).ready(function () {
$(".text").each(function () {
$(this).html($(this).html().replace(/(\s+)/g, ' '));
});
});

三、采用CSS3的新特性。CSS3中提供了新的屬性text-justify: inter-character;和text-justify: distribute-all-lines;，可以解決兩端對齊不兼容的問題，并且可以實(shí)現(xiàn)更加精細(xì)的排版效果。

text-align: justify;
text-justify: inter-character; /*字符級對齊*/
text-justify: distribute-all-lines; /*均分字母間隔對齊*/

CSS兩端對齊不兼容的問題在實(shí)際應(yīng)用中是比較普遍的，解決這個問題需要我們對不同瀏覽器的兼容性有較深入的了解，同時需要靈活運(yùn)用CSS hack、JavaScript等技巧。