CSS로 변환된 요소가 제자리에 머무르지 않고 뒤로 돌아가는 이유는 무엇입니까?

변환 후 요소가 제자리에 머무르지 않고 다시 스냅되는 이유는 무엇입니까?

변환 후 요소를 변환된 위치에 유지하려고 할 때 전환이 발생하면 요소가 예기치 않게 원래 위치로 되돌아갈 수 있습니다. 이 문제는 일반적으로 CSS 변환에 대한 호환되지 않는 디스플레이 설정으로 인해 발생합니다.

원인

CSS 변환은 일반적으로 디스플레이: 인라인 설정이 있는 요소에서 제대로 작동하지 않습니다. 초기 변환이 적용된 것처럼 보이지만 인라인 설정으로 인해 요소가 이전 위치로 돌아갑니다.

해결 방법

이 문제를 해결하려면 디스플레이 설정을 변경하세요. 표시: inline-block(다음 CSS 발췌 부분 참조):

.blockquote {
  display: inline-block;
  ...
}

inline-block으로 전환하면 CSS 변환이 요소에서 성공적으로 작동할 수 있으므로 요소가 다시 돌아가서 유지되는 것을 방지할 수 있습니다. 전환 후 수정된 위치에 있습니다.

위 내용은 CSS로 변환된 요소가 제자리에 머무르지 않고 뒤로 돌아가는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!