最近在寫(xiě)頁(yè)面的時(shí)候遇到了一個(gè)問(wèn)題—當(dāng)行文本雙端對(duì)齊，大家都知道CSS屬性中有一個(gè)“text-align:justify”，但是這個(gè)屬性使用的時(shí)候，要求還是挺多的，尤其是要實(shí)現(xiàn)單行文本雙端對(duì)齊。在對(duì)于安卓系統(tǒng)時(shí)兼容很容易實(shí)現(xiàn)，但是在對(duì)于IOS系統(tǒng)，小編在網(wǎng)上查找多翻資料，統(tǒng)統(tǒng)不生效，基乎想用空格來(lái)代替。最終還是找到了解決方案.

text-align:justify

當(dāng)文本出現(xiàn)換行，則除最后一行的所有文本都會(huì)實(shí)現(xiàn)兩端對(duì)齊。這時(shí)我們想到利用::after偽類，給元素最后設(shè)置一個(gè)看不見(jiàn)的內(nèi)聯(lián)元素，并設(shè)置寬度為100%，就可以讓我們可以看到的單行文本讓瀏覽器認(rèn)為是多行文本，從而實(shí)現(xiàn)單行文本的兩端對(duì)齊。

對(duì)于安卓系統(tǒng)，很簡(jiǎn)單。

當(dāng)對(duì)于IOS系統(tǒng)，需要利用::after偽類，給元素最后設(shè)置一個(gè)看不見(jiàn)的內(nèi)聯(lián)元素，并設(shè)置寬度為100%

如果不這么寫(xiě)，不管你用火狐瀏覽器，谷歌瀏覽器看出來(lái)的效果都是對(duì)齊的，但是，上傳服務(wù)器時(shí)，卻是ISO不兼容，小編測(cè)試多次，記住利用::after偽類，給元素最后設(shè)置一個(gè)看不見(jiàn)的內(nèi)聯(lián)元素，并設(shè)置寬度為100%。

云客秀網(wǎng)絡(luò)科技為您提供更高的性價(jià)比技術(shù)外包服務(wù)