如果<p>标记内没有内容，则自动将所有<p>标记的高度设置为0

时间：2018-02-15 作者：Patrick

我注意到Wordpress喜欢插入<p> 标签无处不在。这可能既有帮助，又非常恼人。。。

问题是有时我会抓到空的<p> 标签插入到html中，这会导致间距问题（在页面上创建更多的空白…）

而不是禁用<p> 标记所有样式。我想设置所有<p> 标记到0px 如果<p> 标记为空（内部没有文本）。

没有jquery或javascript，我能做到这一点吗？可能是PHP？

如果jquery是唯一的选项，您可以将其作为答案发布。

谢谢你的帮助！

2 个回复
最合适的回答,由SO网友:Wilco 整理而成

我总是喜欢在css中使用此选项：

p:empty{

    height: 0;

    // or 
    display: none;
}
请记住，这只会删除绝对空的段落标记。如果有一个空间或任何东西，它将不会成为目标。有关空选择器的详细信息here

SO网友:Chintan Sartape

您要做的是指示浏览器缩小元素的高度，或者仅在没有内容的情况下隐藏它。这可以通过CSS完成:empty 伪元素：

p:empty {
    height: 0;
}
或者

p:empty {
    display: none;
}
请注意，您的其他CSS规则不会干扰或以其他方式覆盖此内容。

结束
标签： php   jquery   css   小码农  

相关推荐

将wp-config.php移出根文件夹，我们在根文件夹中有多个WordPress网站以增强安全性

我已移动wp配置。php，但我的文件结构如下所示：public_html --abccom --applecom --wp-config.php abcom 和applecom 文件夹中有wordpress网站bothAs建议，我已移动wp-config.php 外部abccom 为了安全，但现在当我需要为applecom做同样的事情时，我如何才能实现它？https://webdesign.tutsplus.com/tutorials/how-to-secure-your-