html - CSS 显示 :table with fractional pixel width

标签 html css

我使用百分比来创建 div 的宽度,并将 display 属性设置为 table。在我的例子中,父 div 的宽度是 88.7969px。所以按理说将 display 属性设置为 table 的子 divwidth 设置为 100%将计算宽度为 88.7969px。然而,事实并非如此。它计算宽度为 88px。

不支持 table 显示的小数像素宽度吗?

这是 fiddle .如果您检查这些元素,您会在 88.7969 像素处看到 content 包装器,但在 88px 处看到内部子元素 div

wtf

最佳答案

不,与具有小数像素值的 display:table 无关。

这完全取决于您使用的浏览器浏览器版本

截至 2016 年 2 月 9 日的当前版本:::在 Google Chrome 上,带有 display:table 的小数像素值的 div 被四舍五入,而在 Firefox 中不是,在 IE 中也不是四舍五入。

关于html - CSS 显示 :table with fractional pixel width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35283189/

相关文章:

javascript - 使用浏览器后退按钮后Select2下拉菜单不起作用

html - float div 导航和内容不并排 float

jquery - 如何使用 jQuery 将背景图像 url 从一个 div 传递到另一个 div?

html - 如何使用 Xpath 获取纯文本

html - 与它的“显示”相比,如何为 "hide"进行不同的转换

javascript - Twitter Bootstrap 导航图标加载器

css - 使用css3或技巧的特殊滚动条设计

javascript - 如何根据其 li 调整水平菜单的大小?

html - 区分媒体查询中的纵向和横向版本

html - 我想让一个按钮出现在这行代码上,我该怎么办?