bootstrap 3 表格边框问题答案

【问题标题】：bootstrap 3 table-bordered border issuebootstrap 3 表格边框问题
【发布时间】：2015-10-29 19:35:12
【问题描述】：

您好，我尝试使用 bootstrap 3 表格边框，但未显示我的右边框。这是我的桌子：

<table class="table table-bordered table-hover">
...
</table>

这是我的桌子的图像。我的右边框是这样看不见的：

有时我的水平边框也像这样不可见：

此问题仅出现在 Firefox 中。我的边界在哪里？

【问题讨论】：

不看代码真的很难判断；你能分享你有什么吗？也就是说，看起来可能表格溢出了它的父级，导致边框被切断（但无法自己检查，不能确定）。
问题出现在哪个浏览器上？
谢谢@oxguy3 我要去检查父母的溢出。
@SylvainMARTIN : 这个问题只出现在 Firefox 中
这是firefox的bug

标签： html twitter-bootstrap css

【解决方案1】：

这是一个bug，需要添加tbody

.table-bordered 带有空的<tbody> 缺少边框。

看看这个页面https://bugzilla.mozilla.org/show_bug.cgi?id=409254

$('tbody').addClass('hidden');

$('button').on('click',function(){
    tr='<tr><td>td</td><td>td</td><td>td</td><td><button type="button" onclick="$(this).closest(\'tr\').remove();" class="btn btn-danger">Remove</button></td></tr>';
    $('tbody').removeClass('hidden');
    $('tbody').append(tr);
});

【讨论】：

我认为这里不是这种情况。您提到的错误是这个（jsfiddle open in firefox）。如错误报告中所述仅显示顶部边框。

【解决方案2】：

哦，由于浏览器缩放，这是一个意外的小问题。

我找到了我的答案here，这是一个旧的 Firefox 错误Table cell border widths render incorrectly at various zoom levels。

不幸的是，这些错误浪费了我很多时间。希望在不久的将来修复这个错误。

【讨论】：