如何在HTML中呈现TAB字符

时间:2011-05-27 10:56:11

标签: php html css notepad++

我使用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文件中的所有选项卡;那时将无法调试代码!

任何解决方案?任何可以删除或忽略以某种方式呈现TAB的CSS样式?

帮助!谢谢!

1 个答案:

答案 0 :(得分:4)

删除“空白”属性。只是“自动换行:破解词汇”;将在所有浏览器中正常工作。如果你想要你的文字包装,请用div固定宽度将文本括在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>