CSS display属性:带有小数像素宽度的表格

6
我正在使用百分比创建一个带有“display”属性设置为“table”的
的宽度。在我的情况下,父
的宽度为88.7969像素。因此,将“display”属性设置为“table”的子
的宽度设置为100%,会计算出宽度为88.7969像素。然而,事实并非如此。它计算出宽度为88px。 显示的小数像素宽度不受支持吗?
fiddle
为88px。

wtf

这是。如果您检查元素,您会看到内容包装器为88.7969像素,但内部子

在Firefox上,两个都是88.8px宽。 - Oriol
嗯,这是Chrome,但好知道。 - Jason Strimpel
看起来这是Chrome的一个bug(或“缺失功能”):https://bugs.chromium.org/p/chromium/issues/detail?id=377847 - Ilya Streltsyn
2个回答

1

与分数像素值无关的是display:table

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

截至2016年2月9日的当前版本:在Google Chrome上,具有display:table的分数像素值的div会四舍五入,而在Firefox和IE中则不会四舍五入。


这个有文档记录吗? - Jason Strimpel
据我所知,如果有记录的话我不知道。我只是根据对浏览器的实验所得出的结论。 - kanudo

0

看起来,在具有 display: table 属性的元素上,分数宽度会被向下取整,而不是四舍五入到最近的邻居,这与预期不同。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接