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两个，因此一旦激活它们就会保持不变，它可以解决您的问题。

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