1. 程式人生 > >中英文混版時的間距突然變大怎麼通過CSS解決?

中英文混版時的間距突然變大怎麼通過CSS解決?

在使用Md2ll對Markdown編輯後的文章進行微信公眾號排版時,突然遇到了一個問題——中英文混版時的間距突然變大,就像下面這樣:

在這裡插入圖片描述

我是研究了兩三個小時沒找到好的辦法,在青苗科技工作室問了小夥伴小龍才知道問題的根源,可通過一行CSS程式碼word-break:break-all;解決問題。針對Md2ll的自定義排版,可修改以下部分樣式:

code /*行內程式碼*/
{
    word-wrap: break-word;
	word-break:break-all;
    padding: 2px 4px;
    border-radius: 4px;
    margin
:0 2px; color:#e96900; background:#f8f8f8; line-height: 15px; font-size: 14px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }

修正後的效果如下圖(正常了):

在這裡插入圖片描述


在這裡插入圖片描述