如果为空则隐藏表行

Question

我的JSP中有一个表,当生成页面时它可以为空,我想知道是否有一种方法可以隐藏它们,只要它们中没有实际文本,这就是它们的样子.

<TABLE border="1" style="empty-cells:hide;padding-left:4px">
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
</TABLE>

但事情并非所有这些都会被填满,有时它们基本上会返回空值,只留下一个空的空间,我想隐藏它们只有当它们以任何方式离开那个空的空间时使用适用于大多数浏览器的简单解决方案来隐藏该空白区域？

Answer 1

你可以使用CSS :empty pseudo-class

tagname:empty {
 display: none;
}

这个pseudo-class样式空元素......

在你使用它之前一定要确保它还没有被广泛支持,很可能IE会引起问题