為什麼我的變換後的元素突然彈回原來的位置？

為什麼我的轉換會突然恢復？

在 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中文網其他相關文章！