与FireFox不一致的表格边界 [英] Inconsistent table borders with FireFox

问题描述

我有一些表格在IE和Chrome中表现不错。但在Firefox中，一些边框任意不显示或具有不同的宽度。您可以看这里。以下是相关的CSS：

 表{
 font-size：1.0em; 
 border-collapse：collapse; 
 border：3px solid＃004C87; 
 margin：5px 5px 5px 5px; 
} 
 
 
 th，td {
 padding-top：7px; 
 padding-right：5px; 
 padding-bottom：5px; 
 padding-left：5px; 
 border：1px solid＃004C87; 
 text-align：left; 
 vertical-align：top; 
 line-height：1.3em; 
 
 
 
 $ b $ p 
 $ b 
在下面的图片中，我将屏幕截图呈现在不同的浏览器中。黑色箭头表示线条/边框不显示的情况。红色箭头说明了宽度不同的情况。
 
 
 
如果我重复这些表格，出现次数将是任意的。
 
 
 
 
解决方案
我发布这个答案，因为我相信在这一点上，你必须只是在Firefox中缩小。尝试按下 Ctrl + 0  
 
 
 
如果您比较您提供的图片中的两个表格，底部的一个比顶部的稍大。
 
I have some tables which render fine in IE and Chrome.  But in Firefox some of the border arbitrarily don't show or have different widths.  You can see an example Here.  Below is the relevant css:
    table {
            font-size: 1.0em;
            border-collapse: collapse;
            border: 3px solid #004C87;
            margin: 5px 5px 5px 5px;
    }


    th, td {
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            border: 1px solid #004C87;
            text-align: left;
            vertical-align: top;
            line-height: 1.3em;
    }
In the image below I took screen shots as it renders in the different browsers.  The black arrow depicts the situation where the line/border does not show.  The red arrow illustrates situation where the width is different.

If I were to repeat these tables the occurrences would be arbitrary.

解决方案
I'm posting this as the answer as I'm convinced at this point you must be just a little zoomed out in Firefox. Try pressing Ctrl+0

If you compare the two tables in the image you provided, you can see that the bottom one is slightly larger than the top one.

                        
这篇关于与FireFox不一致的表格边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！