（處理前）

（處理后）

---

一般的兩端對齊是使用text-align:justify，但是text-align:justify一般情況下只針對英文管用。（因為css是老外設計的，老外在justify判斷的時候，是根據單詞直接的空格來的，中文兩個漢字之間沒有空格，所以大部分情況下text-align:justify不管用，所以這個屬性大部分形同虛設！）。

解決辦法

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

添加空格我們用js來實現，先split然后再join就可以了！

代碼如下：

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

(2)添加空格之后，字間隙變大，會很難看，然后我們在用css的letter-spacing屬性，進行相應的縮進。

代碼如下：

letter-spacing: -0.15em;

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。