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

Question

在div上我有css设置：

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

div绝对位于页面的中心。问题是即使没有内容，边框也会出现。

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

Answer 1

CSS3 有针对此案例定义的选择器。它虽然在IE8中不起作用，但却降低了。

div.class:empty { 
    border: none;
}

您的最佳选择将在服务器端进行调整，如果它为空，则不显示该div。

Answer 2

如果div可以包含与服务器响应相关的内容，您可以判断它是空的还是已填充的响应并更改为display：none或display：block related