CSS Trick在单元格不为空时显示表格和单元格的边框，并且不显示任何边框

有没有什么方法可以确保只有当单元格不为空时，它所包含的表格和单元格才有边框？如果表格中的所有单元格均为空，则不应显示边框。CSS Trick在单元格不为空时显示表格和单元格的边框，并且不显示任何边框

来源

2008-11-26 SharePoint Newbie

查看empty-cells的CSS属性。

来源

2008-11-26 19:10:14 strager

空单元格仍显示表格边框。 – 2008-11-26 19:13:59

给空单元格一个类名称和非空单元格另一个。一个类指定了一个边界，另一个没有。

来源

2008-11-26 19:08:59

没有对HTML控件。只需控制该CSS，并将该类应用于该表。 – 2008-11-26 19:14:53

据我所知，这不在CSS的能力之内，我能想到的最好的选择是通过服务器端代码动态应用类，或者通过JavaScript填充数据，或者通过JavaScript已被加载到浏览器中。

来源

2008-11-26 19:09:09

它看起来像由strager建议的空细胞属性可能会伎俩。如果它没有做你需要的，我会看看使用一些聪明的JavaScript库，如jQuery。你可以设置一个钩子来更新单元格的边框样式为getBorderStyle（this）当这个单元格的内容改变时。如果你选择你所有的单元格（你可以使用一个css选择器），并添加一个更改钩子来运行你编写的一个函数叫做updateBorder（）或者其他一些类似的东西，你应该很好。我想它会是这样的：

$("table.someClass td").change(function() { updateBorder(this) })

来源

2008-11-26 19:14:28 Benson

单元格边框的渲染部分取决于您是否正在折叠边框。如果它们没有折叠，如果没有单元格内容，边框默认情况下不显示。这可以通过使用CSS属性empty-cells进行切换。

如果您正在折叠边框，则会释放基于单元格内容的边框显示控件的细节。

来源

2008-11-26 19:17:22 Binarytales

用纯CSS做到这一点的唯一方法依赖于一个非常现代的浏览器。您需要使用CSS高级选择器来完成此操作。例如，您可以使用tr：empty来查找其中没有子元素的单元格，对于纯文本，您需要做更多操作。

不幸的是，这些只存在于CSS3中，所以如果你不能使用JavaScript或触摸标记，那么你只能在最新的浏览器中完成。

要了解更多有关CSS3选择Click Here

来源

2008-11-26 19:23:41

CSS Trick在单元格不为空时显示表格和单元格的边框，并且不显示任何边框

回答

相关问题