案例如下：

混合使用漢字和英文的段落默認如下：

兩邊是不對齊的(一般情況下，我們對這種情況不做處理，除非需求或者設計非要我們實現兩端對齊)。

?

對齊之后如下：

實現思路

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

解決辦法

步驟一 ：就是在漢字之間添加空格，然后再去除空格來實現。

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

代碼如下：

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

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

代碼如下：

letter-spacing: -0.15em;

這樣就達到了兩端對齊的效果。

總結

按照上面的思路，總結起來，用jquery實現代碼如下：

$("#haorooms").css({"text-align":"justify","letter-spacing":"-0.15em"}); $("#haorooms").html()=$("#haorooms").html().split("").join(" ");

注釋

-0.15em這個值可以指定，根據你當前的便宜來設置，-0.15em值是經驗所得！em是一個單位

當然，也可以用純js來實現這個效果！代碼如下：

var box=document.getElementById("haorooms"); box.style.textAlign = "justify"; box.style.letterSpacing = '-.15em'; box.innerHTML = box.innerHTML.split("").join(" ");

轉載請注明：前端錄?css段落文字（中英文混雜）實現兩端對齊

<script src="http://www.wozhuye.com/index.php?m=digg&c=index&a=init&id=14-302-2"></script>

總結

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

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