为什么
默认的网页排版中,中西文之间没有空格,显得不美观。而如果想要实现带空格的效果,一般做法是在写文章的时候手动在中文和英文之间添加空格,这种方式效率极低并且需要对以往没有添加空格的文章进行更新,所以如果有一种方法可以自动在中英文之间添加空格,对于写作者来说可谓是非常省心的了。pangu.js这个项目就是对应这种需求
如何添加
在网页<head>...</head>
中添加如下内容
全局模式
<script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
pangu.spacingPageBody();
})
</script>
指定元素模式
<script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
pangu.spacingElementById('main');
pangu.spacingElementByClassName('comment');
pangu.spacingElementByTagName('p');
})
</script>
效果
"當你凝視著bug,bug也凝視著你"
“當你凝視著bug,bug也凝視著你”