为什么我的变换后的元素突然弹回到原来的位置？

为什么我的转换会突然恢复？

在 Web 开发中，当您对元素应用转换时，您希望它保持在所需的位置。但是，有时您可能会遇到转换后的元素弹回其原始位置的问题。这通常是由于 CSS 设置不正确或缺少代码造成的。

原因和解决方案：

此问题的最常见原因是使用 CSS display: inline 属性目标元素。 CSS 转换在具有 display: inline 的元素上无法正常工作。

解决方案是将 display 属性更改为 display: inline-block。这允许元素保持自己的宽度和高度，同时仍然能够应用变换。

在提供的代码片段中，具有author类的元素最初具有display: inline属性。通过将其更改为 display: inline-block，您应该可以解决回弹问题。

更新的代码：

<code class="css">.blockquote .author {
  display: inline-block;
  /* Rest of the CSS remains the same */
}</code>

通过应用此更正，您的元素应该按照预期留在变换后的位置。

以上是为什么我的变换后的元素突然弹回到原来的位置？的详细内容。更多信息请关注PHP中文网其他相关文章！