다른 이미지가 보이지 않으면 중앙 이미지

Question

html로 간단한 UI를 만들어 보려고 합니다.

한 div가 표시되지 않으면 다른 div가 다른 div를 중심으로 배치되어야 하는데 그렇지 않습니다.

모두 표시하는 경우

2개의 div가 보이지 않는 경우

내 CSS 및 HTML:

으아아아

오버플로 작업을 시도해 보았지만 아무 효과가 없었습니다. 상대 위치와 다른 위치를 변경하면 이상한 일이 발생합니다.

보시다시피 중앙에 있지 않습니다. CSS의 센터링에 대해 잘 몰라서 여기에 글을 씁니다 xD

Answer 1

마크업이나 스타일 설정에는 문제가 없습니다 visibility: none 时，您的元素不会从正常文档流中删除。该元素仍然存在，只是不可见。尝试使用 display: none.