【问题标题】: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 带有空的&lt;tbody&gt; 缺少边框。

看看这个页面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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-02-21
    • 2013-05-22
    • 2013-03-06
    • 2012-02-02
    • 2020-06-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多