制表符宽度属性

最后更新：2026-09-13

tab-size 制表符宽度属性

tab-size 用于设置 Tab 字符（\t）在页面中显示为多少个空格宽度，常用于代码块和 pre 标签的排版。默认值为 8。

tab-size: <integer> | <length>;

值	类型	描述
`<integer>`	类型	Tab 字符的空格宽度
`<length>`	类型	固定 Tab 宽度

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
tab-size	✓ v21	✓ v12	✓ v9	✓ v6.1	✓ v15
所有主流浏览器均支持

提示： 配合 white-space: pre 或 pre-wrap 使用，可保留源码中的 Tab 缩进。

提示： 代码块推荐设为 2 或 4，比默认的 8 更紧凑。

Qtab-size 支持小数吗？

A<integer> 形式只支持整数；<length> 形式支持小数长度值（如 4px），但整数形式最常用。浏览器实现通常把 tab 当作前进到下一个整数倍宽度的停靠点。

Qtab-size 对中文有用吗？

A它只作用于文本中的 Tab 制表符，常见于代码块（配合 white-space: pre 保留缩进）。普通中文段落不用 Tab 缩进，因此没有影响。

Q如何让代码块的 Tab 缩进变窄？

A给 pre 或 code 设置 tab-size: 2 或 4，替代默认的 8 个空格宽度，代码更紧凑易读。需要配合 white-space: pre 或 pre-wrap，否则源码中的 Tab 会被浏览器折叠成空格。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。