목록2023/11/30 (1)
사이먼's 코딩노트
[HTML & CSS] Flex(2)
[align-items 복습] display가 flex일 때 flex-item에 높이를 auto로 두고 align-items를 기본값(stretch)이 아닌 다른 속성값을 지정했다면 높이가 0으로 작동한다. [flex 속성 실습 with 개구리 게임] 아래 소개된 속성들은 display가 flex일 때, 정렬과 줄바꿈에 대한 속성이다. 정렬과 줄바꿈에 대한 속성값은 코드 작성 시, 주체가 되는 컨테이너(상위 엘리먼트)에 한번만 적용하면 된다. [flex-direction] flex-direction은 정렬하는 방향을 지정하는 속성이고, 속성값은 4가지가 있다. 1) row flex-direction의 기본 속성값이다. flex-item 요소들을 텍스트의 방향과 동일하게 (한 줄에 나란히) 정렬한다. fl..
HTML & CSS
2023. 11. 30. 10:49