Question

所以我在div之间（在man div中）显示了额外的空间，这似乎是由wordpress添加的随机<p>和</p>引起的。我知道WP会发生很多事情，但是这些是隐藏的，这意味着我无法从HTML标签中访问它们。

我插入的代码如下所示：

<div class="classname">Text Example
<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div>
</div>

但是，当我从实际网站查看源代码时，它看起来像这样：

<div class="classname">Text Example</p>
<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div>
</div>

在“文字示例”后面随机插入</p>标记。代码继续，稍后会插入另一个任意<p>。

无论如何要摆脱这些？它们不会显示在HTML标签中。

Answer 1

解决方案1： 将其添加到当前模板文件夹中的functions.php，以全局禁用自动段落创建：

remove_filter（'the_content'，'wpautop'）;
解决方案2 ：安装插件。我经常和raw html一起去。它增加了可用的短代码功能，并添加元框以在每个帖子/页面上手动禁用自动段落创建。
解决方案3 ：删除段落出现的换行符：

<div class="classname">Text Example<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div></div> 但这会在视觉上弄乱你的代码......

Answer 2

好的，所以我想出了一个小小的盗版方式来隐藏<p>中的<div>个标签：

添加到style.css：

.classname p {display: none;}

由于HTML标签中无法访问<p>，因此至少不会显示它们。它在这种情况下效果很好，因为我只是需要它来处理这个特定的<div>，但如果你经常遇到这个问题，它可能不是最好的长期解决方案。

Answer 3

安装此插件：http://urbangiraffe.com/plugins/disable-wpautop/

<p>标记已删除

或

在模板页面顶部添加此代码：

<?php remove_filter ('the_content', 'wpautop'); ?>

文档：http://codex.wordpress.org/Function_Reference/wpautop

Wordpress正在向html添加隐藏的<p>。如何删除它们？</p>

3 个答案: