CSS 格式化工具

CSS 格式化工具会将被压缩或空格不一致的样式表整理为易读 CSS,统一缩进、大括号、选择器、声明、媒体查询和嵌套 at-rule。

选择制表符或空格,设置左大括号位于同一行或单独一行,拆分选择器列表并控制规则间距。字符串值、自定义属性、注释、函数和 data URL 会经过正常解析,不使用可能破坏内容的正则替换。

“压缩”会移除不必要的 CSS 空白,但不重组规则;“优化并压缩”还可以合并和重排兼容的 CSS,以获得更小结果。CSS 格式化和压缩均在浏览器本地运行。如需处理 SCSS 变量、嵌套、mixin、函数和其他 SCSS 语法,请使用 SCSS 格式化工具

代码格式化常见问题

如何在本页面格式化代码?

将代码粘贴到左侧编辑框或加载文件,选择需要的选项,然后点击格式化。在右侧检查结果后,可以复制或保存。

为什么格式化时可能报错?

输入内容需要符合所选语言或语法。请检查未完成的语句、不匹配的括号或引号,以及与输入不符的方言或模式,然后重新格式化。

代码格式化器是怎样工作的?

代码格式化器会按所选语言识别词法单元和嵌套结构,再根据统一规则重新安排缩进、空格和换行。它不会编译或运行程序,因此格式化结果不能代替正确性或安全性检查。

这种语言一般推荐使用哪些设置?

Web 项目通常使用 2 个空格、同行左括号、选择器分行,并在规则之间保留空行。可以控制缩进、括号风格、选择器和规则换行,并选择格式化、仅移除空白的压缩或更深入的有效 CSS 优化。