如何不在HTML中呈现TAB字符


How to NOT render the TAB character in HTML

我使用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的呈现吗?

救命!谢谢

删除"空白"属性。在所有浏览器中,只要使用"换行符:break word;"即可。+如果您希望单词换行,请将文本用固定宽度括在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>