내 React 프로젝트에서 프레이머 모션 h1 구성 요소가 오프셋되는 이유는 무엇입니까?

Question

그래서 h1에서 프레이머 모션을 사용할 때 문제가 생겼습니다

으아아아

CSS에서는 h1을 중심으로 하고 애니메이션에서는 x 좌표를 변경하지 않습니다. 하지만 어떤 이유에서인지 오른쪽으로 오프셋되어 있습니다. 이것이 중요한지는 모르겠지만 부트로더도 설치했습니다

프레이머 모션 포함(사진 링크)

일반 h1을 사용하는 경우(이미지 링크)

제목 전체를 삭제한 후 저장하고 다시 작성해 보았지만 성공하지 못했습니다

Answer 1

나는 당신의 모든 문제를 해결하기 위해 최선을 다합니다! !

부트스트랩이 설치되어 있는지 여부는 중요하지 않습니다. (스타일도 멋지게 재정의될 수 있습니다).

가장 중요한 점은 인라인 스타일을 사용하여 div 并将其包装起来，并在 h1 和 div 만들어야 한다는 것입니다. 이렇게 할 수 있습니다:

으아악

여기에 업데이트된 샘플 링크가 있습니다.

어질러도 됩니다.

도움이 되기를 바랍니다!