Question

我正在使用来自特定数据库的内容的客户的分类广告/广告页面。我接近得到我正在寻找的外观，但现在我有一个问题。我不希望空盒子的CSS样式到可用空间。我只想要一旦信息到达数据库就会出现的CSS样式，并且它已准备好显示在分类/广告页面上。

有没有办法让CSS样式只在内容存在时应用？

注意我是如何欺骗CSS样式的，所以空白框（空格）显示的文字说：“将你的广告放在这里！”但我真的不想要那些空盒子。任何帮助将是一个很好的帮助！

提前感谢。

Answer 1

您需要做的就是使用jQuery找到其标题上没有内容的父div（例如）。然后，您可以将其display属性设置为none。我创建了一个工作示例****HERE****

<强> HTML ：

 class="ad">
  <h2>This is an ad</h2>
  <p>this is the ad which has been added by the database</p>
</div>
<div class="ad">
  <h2></h2>
  <p></p>
</div>

<强> CSS ：

* {box-sizing: border-box;}
h2, p {margin:0; padding:0;}

.ad {
  display: block;
  float: left;
  height:300px;
  width:130px;
  background: #999;
  margin: 10px 20px;
  padding: 5px;
}

<强>的jQuery ：

  $(".ad").each(function() {
     if ($(this).find("h2").text() == "") {
       $(this).css("display","none");
     };
  })

Answer 2

这似乎比CSS更像是一个后端问题。你的php脚本不应该为不存在的广告输出html。

如何按需将CSS样式分配给某个div或类？

2 个答案: