解决Sublime多行CSS属性批量格式化的问题-sublime-PHP中文网

ctrl+shift+h没反应是因为sublime未识别当前内容为css语法，右下角显示plain text或html时插件会静默跳过；需点击右下角手动设为css模式，或在单文件组件中选中块再执行格式化。

解决sublime多行css属性批量格式化的问题

为什么 Ctrl+Shift+H 按了没反应？

不是快捷键错了，是 Sublime 根本没把当前内容识别为 CSS。右下角状态栏显示 Plain text 或 HTML 时，html_css_js_prettify 命令会静默跳过——它只响应 CSS 语法模式。

点击右下角语言标识 → Set Syntax → CSS（哪怕文件后缀是 .vue 或 .svelte）
如果在单文件组件里，必须先手动选中 <style></style> 块内全部 CSS 内容，再执行格式化
用 Ctrl+Shift+P 输入 Beautify，若没看到 HTML-CSS-JS Prettify: Prettify Code，说明插件未加载成功，查控制台（View → Show Console）是否有 import 错误

怎么让多行 CSS 属性不被压成一行？

默认配置喜欢把 color: red; margin: 0; padding: 0; 这种单行声明展开成三行，但你可能只想规范缩进和分号，不希望拆开。关键在插件的用户配置里关掉自动换行逻辑。

打开 Preferences → Package Settings → HTML-CSS-JS Prettify → Settings – User
加这两项："newline_between_rules": false（禁止单条规则间空行）、"space-before-parentheses": false（保全 calc(100% - 2px) 里的空格）
别碰 Default 配置文件——改了会被更新覆盖，只动 User 文件

装 JsPrettier 还是 HTML-CSS-JS Prettify？

取决于你是否愿意管 Node.js 环境。JsPrettier 更准但更重；HTML-CSS-JS Prettify 开箱即用但对 Vue/Svelte 的 <style scoped></style> 支持弱。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

选 HTML-CSS-JS Prettify：纯 Python 实现，装完就能用，适合纯 CSS 文件或简单项目
选 JsPrettier：需先 npm install -g prettier，然后在插件设置里填对 prettier_cli_path（Mac/Linux 常是 /opt/homebrew/bin/prettier，Windows 是 C:\Users\{user}\AppData\Roaming\npm\prettier.cmd）
别碰 CSScomb：官方已停更，Sublime Text 4 下大概率报 AttributeError: 'NoneType' object has no attribute 'groups'

快捷键设成 Ctrl+Alt+F 后还是没用？

常见原因是上下文限制没生效——插件默认只在“无选区且语法正确”时触发。直接绑 "command": "html_css_js_prettify" 不够稳。

进 Preferences → Key Bindings，右侧用户配置里写完整 context：

[
  {
    "keys": ["ctrl+alt+f"],
    "command": "html_css_js_prettify",
    "context": [
      { "key": "selection_empty", "operator": "equal", "operand": true },
      { "key": "selector", "operator": "equal", "operand": "source.css" }
    ]
  }
]