/ 生活 / 174浏览

text-autospace

强迫症们,你们终于可以关掉在博客后台安装的text-autospace.js或者Space Lover“空格爱好者”插件了,原因是在CSS Text Module Level 4中有四项新国际CSS功能即将登陆Chrome(含Edge)浏览器,其中就包括了众望所归的东亚与西文混排的自动间隔功能!

  • 从Chrome 119开始:日语短语换行与断字:word-break: auto-phrase
  • 开发中:使用text-spacing-trim属性的中文、日文和韩文标点字距。
  • 来自Chrome 120的:具有text-autospace属性的文字间间距。
  • 跨语言的一致最小字体大小。

要测试它,请在Chrome 120或更高版本中启用实验性Web平台特性标志,可在chrome://flags/#enable-experimental-web-platform-features处找到,将其打开即可,Edge浏览器同理。

注:如果不同文本周围存在显式空格字符,Chrome不会插入空格,因此不必担心修复现有内容。如需关闭,代码为:text-autospace: no-autospace;

观感舒心不少,期待Safari浏览器能早日同步!

目前Apple官网中英文间难看的空格

13

  1. 1900

    史诗级更新

    Google Chrome 120 · Android 13
  2. 网友小宋

    这个主题真不错哈

    Microsoft Edge 120 · Windows 10
    1. S

      @网友小宋哪个?

      Safari 17 · Mac OS X 10.15
      1. 网友小宋

        @S站点啊。想换主题呢

        WebView 4 · Android 12
        1. S

          @网友小宋换呗,你现在的主题太“重”了,有点太花。

          Safari 17 · iPhone iOS 17.1.2
  3. yuxiyuqi

    这下舒服了,我一直是空格爱好者!!!

    Google Chrome 120 · Mac OS X 10.15
    1. S

      @yuxiyuqi哈哈彼此。

      Safari 17 · iPhone iOS 17.1.2
  4. 不亦乐乎

    一直手动空格。

    Google Chrome 119 · Android 10
    1. S

      @不亦乐乎以后不必了。

      Wordpress App 23 · iPhone iOS 17.1.2
  5. JiaYin

    中文字体好好看啊~~

    Google Chrome 120 · Windows 10
    1. S

      @JiaYin谢谢。字体名字叫霞鹜文楷,网上有代码。在用的网友还挺多的。

      Wordpress App 23 · iPhone iOS 17.2.1
  6. Kevin

    你这个主题应该用了text-autospace.js 吧,确实比全角空格要稍微好看一丢丢~~

    Google Chrome 123 · Windows 10
    1. S

      @Kevin是的,还是加上了第三方的text-autospace.js。其实有了CSS Text Module Level 4的autospace CSS特性后是不需要再加js,但架不住大部分浏览器还没普及开。

      Microsoft Edge 124 · Mac OS X 10.15

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注