pycharm 默认对某些 html 标签（如 `
`、``）的子元素禁用自动缩进，导致在标签后按 enter 键时光标退回到上一级缩进。本文详解如何通过修改「do not indent children of」设置，让回车后光标自动保持正确缩进层级。
在 PyCharm 中编辑 HTML 文件时，若光标位于闭合标签后（例如 <h1>xxx</h1>|），按下 Enter 后期望光标自动换行并继承父级缩进（即缩进 4 个空格），但实际却跳至行首——这是因 PyCharm 的 HTML 代码风格配置中启用了「禁止为特定标签的子元素自动缩进」规则。
✅ 正确解决方案如下：
- 打开 Settings（Windows/Linux：Ctrl+Alt+S；macOS：Cmd+,）
- 导航至 Editor → Code Style → HTML
- 切换到 Other 选项卡（非 General 或 Wrapping）
- 找到选项 Do not indent children of
- 检查其右侧输入框中的标签列表（默认常包含 body, div, p, span, li, td, th, a, script, style 等）
-
删除不需要限制缩进的标签 —— 尤其是 body 和 div（它们通常作为容器，其内部子元素理应缩进）
? 建议保留 script 和 style（因其内部常含 JS/CSS，缩进逻辑不同），但移除 body, html, div, section, article 等结构型容器标签。
修改后，上述场景将按预期工作：
<body>
<h1>xxx</h1>
| ← 光标自动出现在正确缩进位置（4空格）
</body>⚠️ 注意事项：
立即学习“前端免费学习笔记（深入）”；
- 修改后无需重启 PyCharm，设置实时生效；
- 若使用团队共享代码风格（.xml 配置文件），请同步更新 HTML > Other > Do not indent children of 字段；
- 该设置仅影响 Enter 键换行时的光标位置，不影响代码格式化（Ctrl+Alt+L）行为；
- 如需进一步自定义，可结合 Editor → General → Smart Keys → Enter/Return 中的 Smart indent on Enter 选项确保全局启用。
通过精准调整此选项，即可让 PyCharm 的 HTML 编辑体验更符合现代前端开发习惯：语义清晰、缩进一致、光标智能跟随结构层级。
