时间戳

首页 > 解决方案 > 如何在 Wordpress 中禁用 Html 自动格式化

html - 如何在 Wordpress 中禁用 Html 自动格式化

问题描述

我的 Wordpress TinyMce 编辑器中有以下代码：

<section style="box-sizing: border-box;"><section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: red; height: 30px;"></section><section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: blue; height: 30px;"></section></section>

然后我得到这个结果： 同一行中的两个元素块

但是，当 wordpress 呈现这个 html 时，它会美化 Html 并将我的原始 html 转换为以下内容：

<section style="box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: red; height: 30px;"></section>
<section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: blue; height: 30px;"></section>
</section>
两个元素不在同一行

下班后研究。我注意到这是因为两个内联块之间的空间。我已经尝试过“font-size: 0”方法，它在这个简单的情况下工作得很好。

但是，有时我需要将复杂的原始 html 复制到我的 Wordpress 站点。添加“font-size:0”属性会搞砸整个事情。因此，我正在寻找一种无需触摸 html 的解决方案，并想知道是否有人可以告诉我如何在 Wordpress 中禁用这种自动格式化，或者只是在每个元素的末尾禁用“自动换行”。

非常感谢 ：-]

标签： htmlcsswordpresstinymce

解决方案

推荐阅读