Html CSS3转换：转换中的缩放结果？

我有以下简单的HTML代码：

身体{
填充：30px；
}
a{
显示：块；
}
a:悬停{
变换：尺度（2）；
过渡：所有4s；
}

正文{
填充：30px；
}
a{
显示：内联块；
过渡：所有4s；
}
a:悬停{
变换：尺度（2）；
}

---

您也可以使用

字体大小：2em我工作得很有魅力！你能解释一下为什么是这样吗？回答我自己的问题：我认为
display:block
是指块的宽度与
的宽度相同，将其加倍会导致相当大的宽度。因此，我们看到
链接
向左移动。