Chrome / webkit的奇怪错误。 随机大小变化

Question

在这个网站上。 www.mylifepolicy.co.uk，如果您单击“立即开始”并单击任一选项，则下面的文本将向下移动一两个像素。

这仅在Chrome上发生，我不确定为什么。

有什么想法会导致这种情况吗？

Answer 1

.img-thumbnail设置为display: inline-block; 但是一旦它变成了label.active img.img-thumbnail它就会切换到display: block;

如果您将默认block使它们在活动后保持不变，或者将两个inline-block使它们在活动后保持不变，则可以解决您的问题。

看起来它与将inline-block为baseline的默认vertical-align属性有关，而vertical-align block vertical-align为最bottom -但是我没有做足够的测试来确定这是原因。