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

时间:2014-01-29 08:44:12

标签: css html width

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

请注意,这是在消除代码中的空格后。我使用CSS中的>选择器将包含div(包含其他三个)的字体大小设置为零,这样可以获得与丑陋相同的结果,将内容放在一行上的可读性较低的解决方案,或者使用HTML评论。

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

1 个答案:

答案 0 :(得分:0)

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

像代码一样                    

在上面的代码浏览器中计算和之间的空格

所以将css属性添加到父

.parent {
font-size:0px;
}

看看这个小提琴之间的区别 您的问题http://jsfiddle.net/BS72X/1/

Nd here解决方案http://jsfiddle.net/BS72X/ 希望这可以帮助你..

相关问题