WordPress在中英文间自动加入空格

为了增强美观,我们在书写的时候一般会按照中文的书写习惯来排版,比如,每段开头空两格等。在中英文混写的文章里,英文单词和中文自己有一定的空格也会增强美观,方便阅读,但是手动添加的话工作量太大,这里有自动在中英文间加入空格的方法。

中英文间自动加入空格代码:https://github.com/mastermay/text-autospace.js,或者本地下载:点击下载,引入其中一个即可。

接着,在 <html> 标签中添加 class="han-la"(一般在 header.php 文件中);然后,在 style.css 文件中添加对应 CSS 样式,如下:

html.han-la hanla:after {
	content: " ";
	display: inline;
	font-family: Arial;
	font-size: 0.89em;
}

html.han-la code hanla,
html.han-la pre hanla,
html.han-la kbd hanla,
html.han-la samp hanla {
	display: none;
}

html.han-la ol > hanla,
html.han-la ul > hanla {
	display: none;
}

刷新就可以看到效果了。也可以看看下面的演示:

不含空格的段落:

同许多朋友一样,我也碰到了许多问题。如:您的Mac无法与Apple watch通信、一直显示【正在打开…】、压根就没出现【允许Apple watch解锁Mac】这个菜单等问题。这些问题几经努力,终究还是解决了。解锁一般是这样进行的:唤醒Mac,然后Apple watch会自动解锁Mac。

已手动添加了空格的段落:

同许多朋友一样,我也碰到了许多问题。如:您的 Mac 无法与 Apple watch 通信、一直显示【正在打开…】、压根就没出现【允许 Apple watch 解锁 Mac 】这个菜单等问题。这些问题几经努力,终究还是解决了。解锁一般是这样进行的:唤醒 Mac ,然后 Apple watch 会自动解锁 Mac 。

来自常阳时光



本人五毒俱全且有严重暴力倾向,现实生活中建议远离,否则后果自负。

《WordPress在中英文间自动加入空格》上有 14 条评论

  1. avatar

    分享的不错,谢谢

  2. avatar

    IE5+有个专有的CSS属性 text-autospace ( https://msdn.microsoft.com/library/ms531164(v=vs.85).aspx ).其他浏览器目测等到CSS4出来后也能用上了 ( https://www.w3.org/TR/2012/WD-css3-text-20120119/#recent-changes )

  3. avatar

    嘿嘿我是直接用输入法的方式加的,打英文的时候就会自动前后加空格,还是蛮方便的

  4. avatar

    良心分享,必须支持,哈哈

  5. avatar

    离开wp,转投typecho怀抱了

  6. avatar

    我是习惯于手动添加空格了,原因在于我这英文菜鸟,没多少机会需要经常输入英文的……

  7. avatar

    你不生产代码,你只是代码的搬运工~ :idea:

  8. avatar

    下面看着舒服多了

  9. avatar

    哈哈,原来是这个……不过我撤掉了,因为有些地方不想加空格它也加了。

    • avatar

      @老杨 我自己也没加,只是觉得方法不错。我这里只转载自己喜欢的,收藏起来。 :mrgreen:

世界有你更精彩!

与 从良未遂 联络感情