我的 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>
但问题是并非所有这些都会一直被填写,有时它们基本上会返回空值,只留下一个空白空间,只有当它们要以任何方式留下空白空间时,我才想隐藏它们使用适用于大多数浏览器的简单解决方案来隐藏该空白区域?
你可以使用CSS:empty pseudo-class
tagname:empty {
display: none;
}
This pseudo-class
样式空元素...
在使用它之前请确保它尚未得到广泛支持,很可能 IE 会导致问题
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)