中英文混版时的间距突然变大怎么通过CSS解决？

2024-07-15 22:15| 来源: 网络整理| 查看: 265

在使用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; }

修正后的效果如下图（正常了）：

在这里插入图片描述

【本文地址】

公司简介

联系我们