如果没有内容,请隐藏边框

Har*_*rry 25 html css css-selectors

在div上我有css设置:

div.class {border: 1px solid red;}
Run Code Online (Sandbox Code Playgroud)

div完全位于页面的中心.问题是即使没有内容,边框也会出现.

如果没有内容,任何css方法都不会出现边框?

kap*_*apa 45

CSS3有一个为这种情况定义的选择器.它虽然在IE8中不起作用.

div.class:empty { 
    border: none;
}
Run Code Online (Sandbox Code Playgroud)

你最好的选择是在服务器端调整它,如果它是空的,就不要显示那个div.