如何更改文本中选项卡的大小？

Question

是否可以更改选项卡的大小？例如，当您有一个 时，您<textarea>如何才能使选项卡的大小变小？据我所知，一个空格是一列，一个选项卡通常是 4。我怎样才能制作一个仅占用 3 列字符空间的选项卡？

Normal tab size: | |

Wanted tab size: | |

这将有助于更清晰地显示代码。它还会使（导出的）文件大小更小（因为一个Tab字符小于 3Space字符）。

我不知道从哪里开始，也没有在互联网上找到任何东西。所以每一个帮助将不胜感激。

Answer 1

我想您可能正在寻找标签大小（MDN 链接）

tab-size CSS 属性用于自定义制表符 (U+0009) 字符的宽度。

维基百科

在 CSS 中，如果属性 white-space 设置为 pre，则选项卡将保留在元素中，如上所示。CSS 3 定义了 tab-size 属性，该属性将制表符的空格数从默认的 8 个调整。最新版本的 WebKit 支持 tab-size 属性。Opera 网页浏览器支持 -o-tab-size CSS 属性，Firefox 网页浏览器支持 -moz-tab-size CSS 属性，意义相同。

注：支持是差（IE具有零suppport虽然属性正在考虑MS边缘）。