生成的内容:表格单元格(TD)之前或之后:

时间:2011-08-08 16:28:08

标签: html css

虽然我找到了解决问题的方法,但我仍想澄清一些事情。

以下是我想要实现的目标:使用生成内容将图像作为行之间的分隔符的表

这是我的第一次努力:http://jsfiddle.net/5Vqqf/68/

如您所见,表格单元格td)中生成的内容似乎没有呈现任何内容。我预计每行下面会有一条红线。

第二次努力:http://jsfiddle.net/5Vqqf/69/

我将一些内容插入content属性,即。 content:".";

这似乎可以帮助您生成内容。但是, Firefox 遗憾的是,无法正确显示,因为内容整页相关。 (注意FF底部的红线?)

第三项工作: ... / 70 / (相同的链接,但将最后一个数字更改为70 - 抱歉,我没有权利发布超过2个链接)

给单元格float似乎可以修复Firefox的问题。然而,高度变得不一致。

最后的努力: ... / 72 /

最后,我尝试将内容应用到表格行tr)中。这对所有主流浏览器都起了作用(当然不包括IE7)。

好的,这是我的问题:

  1. 为什么不能像大多数元素一样使用空content
  2. 为什么Firefox会针对整个页面呈现它(参见第二次努力)?这是FF方面的错误吗?
  3. 将内容应用到表格行(tr)?
  4. 是不好的做法

    (注意:这个问题无论是直接在单元格上使用背景图像还是使用边框)都可能

0 个答案:

没有答案