html – 内容后的随机空格(Webkit浏览器错误)

概述我的服务页面底部有一个未知的空白区域.我正在使用列数：2;在两列之间打破图像. 更新：这是一个Webkit浏览器问题 问题是mainCont左侧列的额外空间. 如果图像全部齐平,那么大约有30px的不需要的空白区域.虽然如果图像没有排列齐平,那么大约有50-70px的额外空白区域.我在主容器上有一个10px填充,但我找不到创建额外间距的内容. 这是一个JSFIDDLE (remove/show i 我的服务页面底部有一个未知的空白区域.我正在使用列数：2;在两列之间打破图像.

更新：这是一个Webkit浏览器问题

问题是mainCont左侧列的额外空间.

如果图像全部齐平,那么大约有30px的不需要的空白区域.虽然如果图像没有排列齐平,那么大约有50-70px的额外空白区域.我在主容器上有一个10px填充,但我找不到创建额外间距的内容.

这是一个JSFIDDLE (remove/show in url to view code),看看问题是什么.这里也是Live Site,因此您可以看到它如何影响每个服务页面.

主容器的CSS：

.mainCont {    wIDth: 100%;    background: #f7f7f7;    padding: 10px;    position: relative;    margin-top: 2.5%;}

编辑

底部有大约160px的额外空间减去20px(mainCont和grIDBox img等于填充中的20px).

解决方法 自ysterday以来我一直在做研究.

>如果图像大小相同,则所有浏览器都没有问题
>如果图像尺寸不同,则底部会出现额外的空间
这页纸.

这是Chrome浏览器的BUG.平衡算法有问题.他们还没有解决这个问题.你可以看到here

总结

以上是内存溢出为你收集整理的html – 内容后的随机空格(Webkit浏览器错误)全部内容，希望文章能够帮你解决html – 内容后的随机空格(Webkit浏览器错误)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。