webstorm 默认仅折叠成对且非空的html标签，如；自闭合标签（）和纯文本内联标签（text）需启用inline elements选项才可折叠，且ctrl+.仅在光标位于标签内部或选中完整标签时生效。

WebStorm 默认能折叠 HTML 标签对，但不是所有标签都可折——关键看是否成对、是否启用 XML 折叠支持，且 <div> 这类常规块级元素能折，<code><br> 或 <img> 这类自闭合标签不能。

为什么 <div> 能折而 <code><span></span> 有时不响应

折叠行为取决于 WebStorm 对“XML tag contents”的识别策略：它默认只折叠有明确起止标记、且内容非空或含嵌套结构的标签。纯内联标签（如单行 <span>text</span>）可能被跳过，除非你启用了 Inline elements 折叠选项。

• 确保 Settings > Editor > General > Code Folding 中已勾选 XML tag contents（JSX 文件也靠它）
• <span></span>、<em></em> 等短小内联标签需额外勾选 Inline elements 才支持折叠
• 标签内若只有文本、无子标签或换行，WebStorm 可能判定为“不可折叠节点”，快捷键 Ctrl + . 无效
• 使用 <template></template>、<svg></svg> 或自定义元素时，只要语法合法，折叠通常正常

Ctrl + . 折叠 HTML 标签的实际操作条件

这个快捷键不是“点哪折哪”，而是依赖光标位置和节点边界。它只在光标落在标签内部（比如 <div>|<p>...</p> </div> 的 | 处）或选中整个标签块时才生效。

• 光标必须在开始标签内、结束标签内，或选中从 <div> 到 <code>