Css 合并宽度为100%的内联div在缩放时仍会断开到下一行

Css 合并宽度为100%的内联div在缩放时仍会断开到下一行,css,html,width,Css,Html,Width,这困扰了我这么久,我只找到了减少问题的解决方案,而不是消除问题的解决方案。三个33%宽度的div(从技术上讲,甚至不是100%的组合宽度)在我的屏幕上看起来很好,但放大后,最左边的div会落在下一行。为什么会这样 请注意,这是在消除代码中的空白之后。我使用CSS中的选择器将包含div(包含其他三个)的字体大小设置为零,这与将内容放在一行或使用HTML注释的更难看、可读性更低的解决方案的效果相同 我不需要提供任何示例代码。这是任何一组内联块div中的一个问题,设置为包含div内的百分比宽度。这只是

这困扰了我这么久,我只找到了减少问题的解决方案,而不是消除问题的解决方案。三个33%宽度的div(从技术上讲,甚至不是100%的组合宽度)在我的屏幕上看起来很好,但放大后,最左边的div会落在下一行。为什么会这样

请注意,这是在消除代码中的空白之后。我使用CSS中的
选择器将包含div(包含其他三个)的字体大小设置为零,这与将内容放在一行或使用HTML注释的更难看、可读性更低的解决方案的效果相同


我不需要提供任何示例代码。这是任何一组内联块div中的一个问题,设置为包含div内的百分比宽度。

这只是因为内联块div之间的空格

相似代码

在上面的代码浏览器中,计算到之间的间距 因此,将css属性添加到父级

.parent {
font-size:0px;
}
看到这把小提琴的区别了吗 你的问题

Nd-here解
希望这对您有所帮助。

@Pete
请注意,这是在消除代码中的空白之后。
我在问题中也说过同样的话。尽管字体大小为0,但仍会发生此问题;我已经用它来减少这个问题的影响。但这并不能完全消除这个问题。