[CSS] display 속성 – none, inline, block, inline-block, flex

Display

: 요소를 어떻게 보일 지 설정

• none : 보이지 않도록 (공간차지x)
• inline : (기본값) 요소가 직렬로 보이게함. 텍스트의 경우 단어 단위로 자리가 없을 경우 줄바꿈이 이뤄짐.
• block : width 100% 자리를 차지하는 블록형태
• inline-block : 요소만큼 자리를 차지하는 블록이 직렬로 보이게됨. 이 때 직렬상에 요소 길이만큼 공간이 확보되지 않는다면 줄바꿈 후 추가됨

inline

block

inline-block

수정중..