tab-size不是缩进调节器，仅对含真实\t字符且启用white-space: pre/pre-wrap/pre-line的<pre>或<textarea>生效；默认为inline元素，需设display: block或嵌套于<pre>中并配合white-space才起作用。
tab-size 不是缩进调节器，它只对含真实 \t 字符且启用空白保留的元素生效。如果你看到代码块缩进不一致，大概率不是 tab-size 没起作用，而是根本没遇到它能管的场景。
为什么tab-size在<code>里经常失效？
因为 <code> 默认是 inline 元素，不保留换行和制表符；即使你写了 \t，浏览器也会把它当普通空白折叠掉。
- 必须配合
white-space: pre、pre-wrap或pre-line才能让\t被识别 -
<code>需显式设为display: block或包裹在<pre>中，否则white-space不生效 - 如果后端或编辑器输出的是空格（比如 VSCode 默认插空格），那 HTML 里压根没有
\t，tab-size就完全无从下手
如何让tab-size在<pre>和<code>中真正生效？
推荐直接写组合样式，兼顾语义和兼容性：
pre, code {
white-space: pre-wrap;
tab-size: 4;
}
/* Firefox 旧版本需前缀 */
pre, code {
-moz-tab-size: 4;
}-
pre-wrap比pre更实用：保留\t和换行，同时允许自动折行 -
tab-size的值必须是无单位整数，比如4，不能写4px或"4" - 别试图用 HTML 属性写，
<pre tab-size="4">是无效的——它纯属 CSS 属性
缩进不一致，真该怪tab-size吗？
绝大多数时候不该。真正的问题往往出在源头：文本内容本身是否混用了 \t 和空格，以及不同环境对它们的解释是否统一。
立即学习“前端免费学习笔记（深入）”；
- VSCode 里按 Tab 键插的是空格还是
\t，取决于editor.insertSpaces设置 - Git 提交时若没配置
.editorconfig或prettier统一tabWidth，同一文件可能在不同人机器上渲染出两种缩进宽度 - 前端展示的代码块若来自 API 或 Markdown 渲染器（如 remark），要确认它是否原样保留了
\t，还是已转成空格
最常被忽略的一点：你调了半天 tab-size，但打开浏览器开发者工具检查元素，发现 computed 样式里 white-space 是 normal —— 那么所有设置都白搭，得先解决这个前提。
