这是一个经典问题 - 当您有一个空表格单元格时,浏览器不会在其周围呈现边框。还有两个众所周知的解决方法。一种是在表格单元格中放置一个
;另一种是使用 empty-cells:show
CSS 属性。
不幸的是,两者都有缺点。
在选择文本和复制粘贴时有点难看。你会得到很多本不应该有的空间,甚至可能带有异国情调的 Unicode 字符。 empty-cells:show
应该可以解决这个问题,但不幸的是,它只能在 IE 中从版本 8 开始正常工作(然后只能在标准兼容模式下)。也可以通过指定 border-collapse: collapse
使其在其他版本中工作,但有时这是不希望的。在我的例子中,我有一个相当复杂的表格,它依赖于 border-collapse:separate
,否则会产生相当困惑的 CSS/HTML 汤。
那么您可以在表格单元格中放置哪些其他内容,使 IE 绘制边框但不可见或不可复制?对于所有其他浏览器,empty-cells:show
已经可以做到这一点,所以我真的只需要愚弄 IE。
最佳答案
你也可以放置不可见的 br 元素:
<td><br style="visibility:hidden"></td>
大量不必要的代码是荒谬的,但它可以解决问题 - 没有添加额外的文本但显示单元格。
请注意 <br/>
根据官方规范是无效的 HTML 语法 http://www.w3.org/TR/html401/struct/text.html#edef-BR .然而,它是有效的 XHTML 语法。
关于html - 比显示空 HTML 表格单元格更好的选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2789372/