Elysia Tools
导航
Development
将压缩或杂乱的 CSS 代码格式化为可读、缩进良好的样式表
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
CSS 格式化器是一款高效的在线工具，旨在将压缩、单行或排版混乱的 CSS 代码重新排版，转化为结构清晰、缩进规范且易于阅读的样式表。您只需粘贴 CSS 代码并调整缩进大小或换行规则，即可快速提升代码的可读性与维护效率。
背景
在分析某个开源网页的样式时，下载到的 CSS 文件是经过压缩的，所有代码都挤在一行，无法阅读和修改。
问题
需要将单行压缩的 CSS 恢复为带有标准缩进和换行的易读格式。
如何使用
将压缩的 CSS 代码粘贴到输入框中，将“缩进大小”设置为 4，勾选“规则之间空行”，然后运行格式化。
{"indentSize": 4, "newlineBetweenRules": true}结果
压缩的单行 CSS 被成功展开，每个样式规则之间都有空行隔开，且使用 4 空格缩进，极大地方便了代码阅读。
背景
编写样式时，为了省事把多个选择器写在了一行（例如 body, html, #app, .container { margin: 0; }），导致代码行过长，不便于后期维护。
问题
希望将并列的多个选择器分行排列，使层级关系更直观。
如何使用
粘贴 CSS 代码，勾选“选择器之间换行”选项，并保持默认的 2 空格缩进，运行格式化。
{"indentSize": 2, "newlineBetweenSelectors": true}结果
并列的选择器被格式化为每行一个，代码结构一目了然，便于后续添加或删除特定选择器。
不会。该工具仅调整代码的缩进、空格和换行等外观排版，不会修改任何 CSS 属性、值或选择器的逻辑结构。
支持。您可以在选项中自由设置 1 到 8 个空格作为每个缩进层级的宽度，默认值为 2 个空格。
开启该选项后，如果一个样式规则包含多个并列的选择器（如 h1, h2, p），每个选择器将被强制排在独立的一行，使结构更清晰。
可以。它可以将完全挤在单行内的压缩 CSS 代码重新展开，恢复标准的换行和缩进格式。
格式化过程完全在您的浏览器本地运行，您的 CSS 代码不会被上传或存储，确保代码隐私安全。