（處理前）

（處理后）

---

一般的兩端對(duì)齊是使用text-align:justify，但是text-align:justify一般情況下只針對(duì)英文管用。（因?yàn)閏ss是老外設(shè)計(jì)的，老外在justify判斷的時(shí)候，是根據(jù)單詞直接的空格來的，中文兩個(gè)漢字之間沒有空格，所以大部分情況下text-align:justify不管用，所以這個(gè)屬性大部分形同虛設(shè)！）。

解決辦法

(1) 就是在漢字之間添加空格，然后再去除空格來實(shí)現(xiàn)。

添加空格我們用js來實(shí)現(xiàn)，先split然后再join就可以了！

代碼如下：

"某某某某haorooms博客".split("").join(" ");

(2)添加空格之后，字間隙變大，會(huì)很難看，然后我們?cè)谟胏ss的letter-spacing屬性，進(jìn)行相應(yīng)的縮進(jìn)。

代碼如下：

letter-spacing: -0.15em;

總結(jié)

以上是生活随笔為你收集整理的css中英文混合实现两端对齐的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。