html - 比显示空 HTML 表格单元格更好的选择?

标签 html css html-table

这是一个经典问题 - 当您有一个空表格单元格时,浏览器不会在其周围呈现边框。还有两个众所周知的解决方法。一种是在表格单元格中放置一个 ;另一种是使用 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/

相关文章:

页面的 jQuery 加载主体

PHP MySQL 获取行数+显示

CSS3 视口(viewport)解析错误

javascript - 如何使用 HTML、CSS 和 JavaScript 根据值更改行的背景颜色?

css - 强制滚动条图像 CSS

css - valign ="top"在一个单元格中不工作

html - CSS:边框比 div 容器高

html - 滚动时 Opera SVG 错误

css - visual studio 将我所有的控件设置到相同的位置

html - CSS:自组织 flex 元素