引子
曾经,通常使用pangu.js等脚本在中文和英文之间自动插入空格以保持良好可读性,但在复制文字时也会复制插入的空格,不过现在CSS Text Module Level 4中引入了text-autospace,使用CSS一定程度上可解决这个问题。
根据文档,text-autospace引入的空格宽度为0.125ic,这和pangu.js引入的半角空格的宽度(约0.5ic)不相同。
text-autospace
使用
在全局使用text-autospace: normal最简单的方法就是在:root下使用:
:root {
text-autospace: normal;
}
可用性
当前text-autospace: normal已在Chrome 140、Firefox 145、Safari 18.4中默认支持。
参考
MDN:text-autospace
Chrome for Developers:Introducing four new international features in CSS
Can I use:text-autospace