이 문제를 재현하기 위해 JSFiddle을 만들었습니다.
마우스를 올리면 그리드 요소가 커지도록 하려고 하는데, 다른 그리드 요소 아래로 이동한 다음 예상대로 점프하는 이상한 문제가 발생합니다.
왜 이런 일이 발생하나요? 해결 방법이 있나요?
으아악 으아악
저는 이 효과에 대한 자세한 기사를 작성했으며 CSS 그리드를 사용하여 이 효과를 얻는 방법을 알아보려면 이 기사를 읽어보시기 바랍니다: https://css-tricks.com/zooming-images-in-a-grid -layout/
Flexbox를 flex结合使用> 단축 속성과 결합할 수 있습니다.
flex
해 보세요:
저는 이 효과에 대한 자세한 기사를 작성했으며 CSS 그리드를 사용하여 이 효과를 얻는 방법을 알아보려면 이 기사를 읽어보시기 바랍니다: https://css-tricks.com/zooming-images-in-a-grid -layout/
Flexbox를
으아아아flex
结合使用> 단축 속성과 결합할 수 있습니다.해 보세요: