CSS格式化

CSS 美化 · 纯前端 · 基于 js-beautify
等待输入...
⚠️ 注意事项: 格式化仅改变代码的排版和缩进,不会修改任何 CSS 逻辑。如果原始 CSS 包含语法错误,格式化结果可能不符合预期,建议先修正语法再格式化。

📖 CSS 格式化知识

  • 缩进:使用空格或 Tab 缩进,使嵌套声明清晰可读
  • 大括号位置:选择器后换行(Allman 风格)或同行(K&R 风格)
  • 选择器分隔:多个选择器之间换行或空格分隔
  • 规则间空行:在不同规则块之间添加空行,提高可读性
  • 最大行宽:超过此宽度时自动换行,避免水平滚动
  • js-beautify:业界标准的 HTML/CSS/JS 格式化工具
  • 安全提示:所有计算在浏览器本地完成,代码不会上传到服务器