CSS 디스플레이 (디스플레이) 및 가시성 (가시성)
요소 속성이 표시되도록 설정하는 방법을 표시하는 가시성 속성은 요소가 표시되거나 숨겨되도록 지정합니다.
숨겨진 요소 - 디스플레이 : 없음 또는 가시성 : 숨겨진
"없음"또는 가시성 속성을 "숨겨진"로 설정 한 표시 속성으로 요소를 숨 깁니다. 그러나,이 두 방법은 서로 다른 결과를 얻을 수, 있습니다.
가시성 : 요소를 숨길 숨겨진, 그러나 숨겨진 요소는 직업 이전과 동일하게 유지하고 공간을 숨겨지지 않습니다. 즉, 요소가 숨겨져 있지만,하지만 여전히 레이아웃에 영향을 미칩니다.
디스플레이 : 없음 요소를 숨길 수 없습니다, 숨겨진 요소가 어떤 공간을 차지하지 않습니다. 즉,이 소자는 숨겨지지 않고, 원래의 소자에 의해 점유 된 공간은 페이지 레이아웃에서 사라진다.
CSS 디스플레이 - 블록 및 인라인 요소
블록 요소는 앞과 뒤에 줄 바꿈의 전체 폭을 차지, 요소입니다.
블록 요소의 예 :
- <H1>
- <P>
- <DIV>
인라인 요소는 줄 바꿈을 강제하지 않으며, 필요한 폭이 필요합니다.
인라인 요소의 예 :
- <SPAN>
- <A>
표시 소자를 변경하는 방법
당신은 블록 요소와 인라인 요소 및 그 반대를 변경할 수있는 페이지의 모양이 특정 방법의 조합으로 만들 수 있고, 여전히 웹 표준을 따릅니다.
다음의 예는 인라인 요소로 목록 항목을 표시합니다 :
블록 요소로 다음의 예 스팬 요소 :
참고 : 요소가 표시되는 방법을 확인할 수 표시 요소의 유형을 변경, 그것은 요소의 종류입니다.예를 들면 다음과 같습니다 디스플레이로 설정 인라인 요소 : 블록은 자체 내부 중첩 된 블록 요소를 가질 수 없습니다.
더 많은 예제
이 예는 요소의 인라인을 표시하는 방법을 보여줍니다.
이 예는 요소 블록 요소를 표시하는 방법을 보여줍니다.
이 예는 붕괴 속성의 테이블을 사용하는 방법을 보여줍니다.