如何折叠空div？

Question

我有一个div,我想用于动态内容.当填充div的内容不存在时,我不想看到它.现在,我可以看到一个5px的盒子.即使我删除了填充物,我仍然可以看到大约1px的盒子.如果没有内容,如何删除该框？

#test {
border:1px dashed red;
font-size:16px;
margin:20px 0 0 0;
width:332px;
background-color:#eee;
padding:5px 0 5px 60px;
}

Answer 1

你可以用CSS做:

 div#test:empty {
       display: none;
    }

Answer 2

因为有一个 div 。您必须使用服务器端编程语言（或者可能是 javascript）来完成此操作。例如 ：

if(content()) // if there is any content
{
 echo "<div id=\"test\"></div>";
}
else
{
}