在悬停时添加边框会导致闪烁

Question

好的，所以我正在尝试创建一个构建在 BootStrap 行之上的测试“网格”。

每当用户将鼠标悬停在某个项目上时，就会添加边框。

然而，这会导致网格奇怪地“移动”。是因为垫子的原因吗？我应该怎么做才能解决这个问题？

这是演示：http://83.212.101.132/angjs/ang2.html

Answer 1

这是因为盒子模型，你可以尝试使用，box-sizing: border-box;但我想这不会有帮助。我建议你在上面使用透明边框。

#components .wrp {
padding: 10px;
border: 2px solid transparent;
border-radius: 25px;
}