我正在使用WooCommerce建立一个演示商店。一切似乎都很好，除了购物车页面在使用短代码"[woocommerce_cart]"时在表单中添加了几个空段落标签。
从短代码生成的代码在HTML中看起来像这样:
<form method="post" action="http://organicthemes.com/demo/photographer/shopping-cart/">
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table class="shop_table cart" cellspacing="0">
</form>
您可以在这里查看页面，http://organicthemes.com/demo/photographer/shopping-cart/
我只能假设WordPress auto把这个搞砸了。我找不到任何主题或插件导致这个问题的原因。如有任何帮助，不胜感激。
目前，我已经使用CSS尽可能准确地定位了段落标签，但这是一个草率的修复
我在您链接的示例页面中没有看到空段落标签，但我可以肯定地保证在我自己当前的Woocommerce项目中看到大量空段落标签。我确实注意到这个问题出现在购物车表单中(form-shipping.php和form-billing.php)，但我知道我也看到这个问题出现在商店的其他部分/方面(例如recent_products短代码)。看起来wp_autop()被应用于模板文件本身的空白。
这也是一种不受欢迎的修复，但是从模板文件中删除空白似乎删除了空段落标记。不过，您不必最小化整个文件。到目前为止，我可以说，似乎这个问题是由空白段落标记的父元素的结束标记之前的空白触发的。但不是空行……制表符或普通空格似乎是催化剂。
TL;博士::
尝试删除空段落的父元素结束标记前出现的任何制表符或正常空格。