如何不在 HTML 中呈现 TAB 字符答案

【问题标题】：How to NOT render the TAB character in HTML如何不在 HTML 中呈现 TAB 字符
【发布时间】：2011-05-27 10:56:11
【问题描述】：

我使用 Notepad++ 进行编码。有时，当我回显时，我曾经使用常规键盘 TAB 来使代码在 Notepad++ 中看起来更好。在我使用一些 CSS 样式进行自动换行之前一切都很好（解决 Mozilla Firefox 的问题）：

td{
word-wrap: break-word;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
white-space: -pre-wrap;
}

这应该适用于我所有的“td”元素。所以，发生的事情是我在 Notepad++ 中的这些选项卡没有被呈现为页面上的选项卡！搞砸了设计。

我不想只替换 PHP 文件中的所有选项卡；那将无法调试代码！

有什么解决办法吗？是否有任何 CSS 样式会以某种方式移除或忽略呈现 TAB？

帮助！谢谢！

【问题讨论】：

我不确定问题是您的标签没有显示还是它们显示。如果是他们不是，那么这是正常行为。连续的空格（包括制表符）被压缩为一个space 字符，除非包含在<pre></pre> 中。
不，问题是标签已显示。我不要他们。这只发生在我将编写的样式添加到网站的 CSS 文件时。我从这里得到代码：petesbloggerama.blogspot.com/2007/02/…

标签： php html css notepad++

【解决方案1】：

删除“空白”属性。只是“自动换行：断词；”在所有浏览器中都可以正常工作。 + 如果您希望文字换行，请将您的文字包含在固定宽度的 div 元素中。

例子：

<html><head>
<style>
td{
word-wrap: break-word;
}
</style></head>
<body>
<table width="120" style="width:120px"><tr><td>
<div style="width:120px">
    prevedasdasdasdasdasdasdasdasdadasdasdadasdad
        medved
</div>
</td></tr></table>

【讨论】：

我不知道为什么我上次尝试时有这样的错觉。谢谢！