将Tab字符(在PRE元素中)渲染为HTML中的4个空格？

Question

可能重复:
指定标签宽度？

我需要在预标记中打印制表符.选项卡的HTML字符是	在我尝试过的所有浏览器上呈现为8个空格.

有没有办法调整这个以呈现为4个空格的宽度或是否有另一个HTML字符,我可以使用4个空格？

Answer 1

虽然我同意第一个答案,你可能只是放了4个空格,但似乎确实有一些tab-sizeCSS内的属性支持(虽然IE支持缺乏):

pre {
    -moz-tab-size:    4; /* Firefox 4+ */
    -o-tab-size:      4; /* Opera 11.5 & 12.1 only */
    tab-size:         4; /* Chrome 21+, Safari 6.1+, Opera 15+ */
}

仅有效使用white-space: pre或white-space: pre-wrap(或在<pre>标签内).

• W3C规范
• jsFiddle示范
• 浏览器支持

Answer 2

您可以使用一系列四个字符,它们总是扩展为四个空格.这是四个空间(pre至少在其中,其他元素设计得恰当).

由于没有普遍认可的方法来确定标签应该有多宽以及它应该如何表现,因此最好不要在需要精确控制输出外观的地方使用它.HTML和浏览器都没有提供任何设置标签宽度的方法.