Css Display

less than 1 minute read

CSS DISPLAY

요소를 어떻게 보여줄지 결정한다. 태그마다 기본 값이 다르다.

none: 렌더링 하지 않는 설정이다. 레이아웃 영역을 차지하지 않는다.

block: 가로 영역을 모두 채우는 블록 박스로 width, height 속성을 지정할 수 있다.

inline: 줄바꿈이 되지 않고 width와 height 속성을 지정할 수 없다.

inline-block: block과 inline의 중간 형태로 줄바꿈이 되지 않지만 width와 height를 지정할 수 있다.

flex:

grid:

더 다양한 종류

https://www.w3schools.com/cssref/pr_class_display.asp

display none과 visibility hidden 차이

https://aboooks.tistory.com/85