CSS에서 display라 하면 보통은 요소를 보이게 할지 말지를 정하는 속성 정도로만 알고 있을 것이다.그러나 실제로는 보일지 말지 뿐만 아니라 요소가 레이아웃 흐름 안에서 어떤 성격으로 존재할지를 결정하는 핵심 속성이기도 하다. 따라서 display를 제대로 이해하지 못하고 사용하면, 'margin-top이 왜 적용이 안 되지?', '분명 width를 줬는데 왜 안먹지?'와 같은 문제 상황들을 마주하게 된다. 그러므로 이번 글에서는 display의 대표적인 값인 none, block, inline, inline-block을 중심으로 각각이 어떤 렌더링 특성을 갖는지, 언제 어떤 선택을 해야 하는지를 정리해보자. 1. display란display는 요소가 화면에 그려지는 방식과 레이아웃 참여 방식..
