CSS 넘침 제어(overflow), 출력 특성(display)

CSS 넘침 제어, overflow

요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성, 부모의 속성으로 넣어줌.

기본값, visible : 넘친 내용을 그대로 보여줌

hidden : 넘친 내용을 잘라냄

scroll : 넘친 내용을 잘라냄, 스크롤바 생성

auto : 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성

CSS 출력 특성, display

요소의 화면 출력(보여짐) 특성

각 요소에 이미 지정되어 있는 값

block : 상자(레이아웃) 요소

inline : 글자 요소

inline-block : 글자 + 상자 요소

기타 : table, table-row, table-cell 등 ..

따로 지정해서 사용하는 값

flex : 플렉스 박스 (1차원 레이아웃)

grid : 그리디(2차원 레이아웃)

none : 보여짐 특성 없음, 화면에서 사라짐