html - 如果为空则隐藏表行

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>

但事情并不是所有的人都会一直被填写，有时他们基本上会返回 null 值，只是留下一个空白空间，我只想在他们要离开那个空白空间时隐藏它们我可以使用适用于大多数浏览器的简单解决方案来隐藏该空白区域吗？

Answer 1

你可以使用css :empty pseudo-class

tagname:empty {
 display: none;
}

这个伪类样式空元素...

在使用它之前请确定，因为它还没有得到广泛支持，很可能 IE 会导致问题