[면접준비] display 속성에 대해 설명해보세요

display 태그는 요소 크기를 어떻게 결정할 것인지를 결정하는 속성입니다.

none은 화면에서 사라지게 하고, block은 width가 자신 컨테이너의 100%가 되도록 합니다.

inline은 컨텐츠를 딱 감쌀 정도의 크기만 갖게 되고, inline-block은 해당 요소 자체는 inline처럼 동작하지만 요소 내부에서는 block요소처럼 동작합니다.

flex는 하위 아이템들의 위치를 배치할때 사용하고 grid는 flex와 다르게 2차원으로 배치하는 방식으로 가로 세로의 비율이나 크기를 지정합니다.

table은 레이아웃을 table로 표현할 수 있는 속성입니다.