php - 如何在 HTML 中不呈现 TAB 字符

标签 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 文件中的所有选项卡;那么将无法调试代码!

有什么解决办法吗?是否有任何 CSS 样式会以某种方式删除或忽略呈现选项卡?

救命啊!谢谢!

最佳答案

删除“空白”属性。只是“自动换行:断词;”在所有浏览器中都可以正常工作。 + 如果您希望文字换行,请将文本括在固定宽度的 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>

关于php - 如何在 HTML 中不呈现 TAB 字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6151283/

相关文章:

html - 删除两个文本元素 <p> 和 <h1> 之间的垂直空间

CSS header 位置 :fixed causing body div to dissappear

javascript - 使 slideUp 和 slideDown 在 Bootstrap 导航栏上工作

html - 如何仅在悬停事件后才在 Nivo Slider 中显示标题?

javascript - Wordpress wp_signon() 在 ajax 调用中不起作用

php - 如何使用 PHPWord 在现有的 Word 文档上添加水印?

javascript - 我怎样才能让我的光滑 slider 像它应该的那样工作?

php - 保存条目到数据库

php - 下划线以字母间距延伸到词尾之外

jquery - Bootstrap 3 导航栏在崩溃前一直低于品牌