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

时间:2015-12-04 14:43:10

标签: jquery html css

是否可以更改标签的大小?例如,当你有一个<textarea>时,你如何才能使它变得更小? 空间是一列,根据我的知识,选项卡通常为4。如何制作一个标签只占用3列字符空间?

Normal tab size: | |

Wanted tab size: | |

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

我不知道从哪里开始,并且在互联网上找不到任何东西。所以每一个帮助都会受到高度赞赏。

1 个答案:

答案 0 :(得分:4)

我认为您可能正在寻找tab-size(MDN Link)

  

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

Wikipedia

  

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

注意:Support (虽然MS Edge正在考虑该属性,但IE支持为零)。