【问题标题】:Why Firefox keeps removing 1px to the table cell's border?为什么 Firefox 不断删除 1px 到表格单元格的边框?
【发布时间】:2012-09-07 22:32:38
【问题描述】:

Firefox 是否有任何理由删除我在 CSS 文件中定义的边框值 1px?

.aprovGriditem th
{
   border-collapse: collapse;
   border: 4px solid #BBC6E3;
   padding: 0;
}

编辑

<table cellpadding="0"  cellspacing = "1" runat="server" id="tblEmployees" width="100%">
 <tr id="tr1" runat="server" class="aprovGriditem">
   <td>
        <asp:Label ID="Label1" runat="server">
   </td>
</tr>
</table>

当我检查 firebug 时,我看到边框的值为 3。当我将值设置为 3 时,我得到 2。又该如何处理呢?

【问题讨论】:

  • @radio。我把所有的规则,我没有使用休息 css
  • 顺便说一下,Chrome 和 IE9 显示正常。
  • 你在使用边框折叠吗?看看这个stackoverflow.com/questions/1035706/…
  • 是的,看看这个问题,我已经发布了整个规则。另外,我正在使用 cellspacing = "0" 因为单元格需要彼此间隔开。无论如何,删除 cellspacing = "0" 并不能解决问题。 FF 仍在从边框的值中删除 1px。
  • @Richard77 我无法复制这个问题:jsfiddle.net/mQxuz我已经在 Firefox 中测试过。

标签: html css firefox html-table


【解决方案1】:

我没有一个宏大的解释,但是在使用 fiddle 进行测试时,当边框折叠仅放置在表格中的一种元素类型上时,firefox 的反应似乎与其他浏览器不同。将边框折叠移动到整个表格:

#tblEmployees{
   border-collapse:collapse;
}
.aprovGriditem th
{
   border: 4px solid #BBC6E3;
   padding: 0;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-02-28
    • 2013-08-08
    • 1970-01-01
    • 1970-01-01
    • 2015-11-23
    • 1970-01-01
    相关资源
    最近更新 更多