Sass在CSS content属性中Unicode字符后添加多余空格的解决方法

嘿，这个问题我之前在处理非ASCII字符的Sass变量时也碰到过！别担心，咱们一步步来搞定它：

• 检查文件编码格式：确保你的Sass源文件是UTF-8无BOM格式。有时候文件开头的字节顺序标记（BOM）会干扰Sass的字符解析逻辑，导致像"ą"这类非ASCII字符后面莫名多出空格。你可以用VS Code这类编辑器，在编码设置里切换成UTF-8并移除BOM。

• 用字符串插值强制包裹变量值：把你的国际化文本用Sass的字符串插值语法包裹起来，让编译器把整个字符串当成一个完整单元解析，避免拆分特殊字符。示例代码：

  $custom-file-input-browse-text: "#{"Przeglądaj"}";
  

  这种方式能强制Sass不把"ą"单独拆分处理，从根源上避免多余空格的产生。

• 升级Sass到最新稳定版：如果你用的是旧版本的Dart Sass或LibSass，这类非ASCII字符的解析bug在新版本里已经被修复了。直接升级到最新版，很多时候就能自动解决这个问题。

• 用Unicode转义序列替代特殊字符：如果上面的方法都不生效，你可以把"ą"换成它的Unicode转义码\0105，这样Sass解析时不会将其识别为特殊字符，编译后会正确显示成"ą"，也不会附带多余空格。示例：

  $custom-file-input-browse-text: "Przegl\0105daj";
  

试完这些方法后重新编译Sass文件，应该就能看到CSS里的文本正常显示，没有多余空格啦！

内容的提问来源于stack exchange，提问作者stil