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

Question

在div上我有css设置:

div.class {border: 1px solid red;}

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

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

Answer 1

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

div.class:empty { 
    border: none;
}

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