比 更好的选择 用于显示空HTML表格单元格？

Question

这是一个经典问题 - 当你有一个空的表格单元格时,浏览器不会渲染它周围的边框.还有两个众所周知的解决方法.一种是 在表格中放置一个; 另一种是使用empty-cells:showCSS属性.

不幸的是两者都有缺点. 在选择文本和复制粘贴时,它有点难看.你会得到很多不应该有的空间,甚至可能还有异国情调的Unicode字符.empty-cells:show应该解决这个问题,但不幸的是它只能在IE版本8开始正常工作(然后只能在符合标准的模式下).它也可以通过指定在其他版本中工作border-collapse: collapse,但有时这是不需要的.在我的情况下,我有一个相当复杂的表,它依赖于border-collapse:separate否则会创建一个混乱的CSS/HTML汤.

那么你可能会在表单元格中放置哪些其他东西会使IE绘制边框但是不可见或可复制？对于所有其他浏览器empty-cells:show已经有了诀窍,所以我真的只需要欺骗IE.

Answer 1

你也可以把隐形的br元素:

<td><br style="visibility:hidden"></td>

这是一个荒谬的不必要的代码,但它成功 - 没有添加额外的文本但是单元格显示.

请注意,<br/>根据官方规范http://www.w3.org/TR/html401/struct/text.html#edef-BR,HTML语法无效.然而,它是有效的XHTML语法.