css flex박스1 [CSS]display : flex 쉽게 이해하기 오늘은 CSS속성 중에 하나인 display : flex에 대해서 알아보겠다. CSS로 태그에 가로, 세로 200px인 사각형을 만들어 줬다고 했을 때, 두 도형은 한 줄에 놓이지 않게 된다. See the Pen Untitled by whykim (@whykim) on CodePen. 바로 div의 원래 속성이 block이기 때문이다. block 속성은 쉽게 말해서 나는 한 칸을 전부 다 차지할 거야! 라는 의미이다. 그러니까 내가 만들어 준 div 네모박스는 사실 가로로 한 칸 전부를 차지하고 있는 것이다. 이것을 확인하고 싶다면 크롬 개발자 도구를 켜서 확인해 보면 된다. (mac 기준) command + shift + c (window 기준) control + shift + c 를 눌러서 확인해볼.. 2022. 3. 1. 이전 1 다음 반응형
