如果没有内容，隐藏边框

On a div I have css set:

在div中，我设置了css:

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

The div is positioned absolutely in the center of the page. The problem is that the border appears even if there is no content.

div定位在页面的中心位置。问题是，即使没有内容，边界也会出现。

Any css methods to get the border to not appear if there is no content?

如果没有内容，有没有css方法可以让边框不出现?

2 个解决方案

CSS3 has a selector defined for this case. It does not work in IE8 and lower though.

CSS3为这种情况定义了一个选择器。它在IE8和更低的版本中不起作用。

div.class:empty { 
    border: none;
}

Your best option would be to tweak this on the server side, and simply don't display that div if it would be empty.

最好的选择是在服务器端进行调整，如果div是空的，就不要显示它。