前段时间写了一篇“关于table如何通过XHTML验证那档子事”,最后贴出了一段才子自用的table样式的定义,有网友今天告诉我,他发现定义了table的margin之后,也就是定义了table的外边距之后,在Firefox下的渲染效果与其它各大主流浏览器都不同,caption这个标签元素是表格的说明,却被挤出了table之外,变成caption与表格内容之间的边距是定义的margin的值了。
这就奇怪了,caption与thead,tbody,tfoot都是table下同等级的元素,为什么Firefox却把caption元素挤出了table家庭呢?真有点匪夷所思。
才子用其它的一些浏览器都测试过了,唯独只有Firefox的渲染效果不同,看来Firefox这个被大家所公认的所谓优秀的Web标准浏览器,似乎也有不标准的地方,呵呵。
PS:才子一直都觉得Firefox就是个垃圾。
特意做个演示页面,请大家用各种不同的浏览器浏览一下,看看渲染效果的差异!
定义了表格宽度为100%,也只有Firefox把左边的表格线也弄没了,原因不明。
演示:http://www.54caizi.org/demo/firefox-is-different-for-caption.html
风流才子 作品,转帖请保留原文地址链接,谢谢合作!
才子小窝:http://www.54caizi.org