html - Bootstrap 3 - HTML 表格和包装 div 之间的 1px 右间隙

标签 html css twitter-bootstrap twitter-bootstrap-3

试图修复 html,无法弄清楚表格和包装 div 之间的 1px 右侧间隙来自...

  • 忘记说了,我正在使用 Bootstrap。

我相信,这可能是Bootstrap引擎的压迫性带来的某种不可避免的缺陷。

这里是屏幕截图(带缩放区域)和相应的 css,请注意 <table class="table"> 之间的差距和 <div class="panel-body"> ,不在 tr-td-thead-tbody 和 table 之间。

(添加红色边框以更好地看到白色 1px 间隙)

enter image description here enter image description here

我在这里为两者添加计算样式 - 包装 div“panel-body”和表格,因为它是 Bootstrap 引擎,响应迅速,大小是动态计算的。

enter image description here

最佳答案

这似乎是 Chrome 的渲染问题。为了进行比较,这里是 Chrome 中带有表格示例页面的 Bootstrap 3 面板:

1px gap in Google Chrom

和最新的 FireFox 中的相同示例,缺少差距:

enter image description here

就其值(value)而言,这似乎是 Bootstrap 团队的一个已知问题:https://github.com/twbs/bootstrap/issues/11000

并且已在 Chrome 错误跟踪器上归档: https://code.google.com/p/chromium/issues/detail?id=306878

关于html - Bootstrap 3 - HTML 表格和包装 div 之间的 1px 右间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29064653/

相关文章:

HTML 在 Bootstrap 中通过 div 类缩略图添加文本

twitter-bootstrap - Bootstrap 列堆叠

javascript - 我创建了一个 jquery 函数,但焦点在 Bootstrap 输入中无法正常工作

javascript - jQuery 按钮事件处理程序不会更改内容

javascript - 将固定内容放入 flex slider

css - 如何增加 anchor 或按钮元素的可点击区域?

javascript - 在 jQuery 中从父元素外部单击 "this"时如何切换子元素?

javascript - ng-change 没有调用方法并且没有显示错误

html - 如何将插入符号与面包屑中的文本垂直居中对齐?

javascript - Bootstrap 网站横幅在窗口调整大小时失真