미디어 쿼리를 사용하여 모바일 웹 사이트를 조정하고 있습니다. visibility 속성을 사용하여 특정 요소를 숨기지 만 여전히 공간을 차지합니다.요소를 제거하고 공간을 차지하는 방법은 무엇입니까?
제발 도와주세요!
미디어 쿼리를 사용하여 모바일 웹 사이트를 조정하고 있습니다. visibility 속성을 사용하여 특정 요소를 숨기지 만 여전히 공간을 차지합니다.요소를 제거하고 공간을 차지하는 방법은 무엇입니까?
제발 도와주세요!
로 display:none;
을 시도합니다. 대신 display:none
을 사용해야합니다.
display:none
이 요소는 모든 페이지에 표시되지 나타냅니다 차이를 설명하겠습니다. 또한 공간이 할당되지 않습니다.
visibility:hidden
은 요소가 보이지 않는다는 점에서 display:none
과 유사합니다. 그러나 공간은 여전히 페이지에 할당되어 있습니다. 요소가 렌더링되지만 페이지에는 표시되지 않습니다. W3 스쿨 당
,
Even invisible elements take up space on the page. Use the display property
to create invisible elements that do not take up space
는 속성이 visibility:hidden
를 사용하는 것처럼 소리
가시성 대신 디스플레이 속성을 사용합니다. – j08691
왜 누군가가이 질문에 부정적인 (-4) ????? 감사합니다. –