一尘不染

隐藏表行(如果为空)

jsp

我的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值,而只是留下一个空白空间,而我只想在它们将以任何方式离开该空白空间时将其隐藏使用适用于大多数浏览器的简单解决方案来隐藏该空白?


阅读 220

收藏
2020-06-10

共1个答案

一尘不染

您可以使用CSS :empty pseudo-class

tagname:empty {
 display: none;
}

这会pseudo-class样式化空元素…

请确保在使用此功能之前,因为它尚未得到广泛支持,很可能是IE会引起问题

2020-06-10