목록2023/11/29 (1)
사이먼's 코딩노트
[HTML & CSS ] Flex(1)
[flex] 설명에 앞서 flex 관련한 기본적인 html 구조는 flex-container 아래 flex-item가 있는 구조로 생각하면 된다. [flex-direction] flex-item에는 flex-direction이라는 속성이 기본적으로 들어있다. flex-direction은 flex-item의 방향을 설정(정렬)할 수 있는 속성이다. 정렬과 관련된 flex 속성은 flex-item이 아닌 flex-container에서 코드를 추가해야 적용된다. flex-direction의 기본값은 한 줄에 나란히 배열되는 row가 있다. 특정한 상황에서는 row값을 column값으로 바꿔 사용하는 경우도 있다. column은 flex-item을 한 줄에 하나씩 배열시키는 속성값이다. [flex-shrink]..
HTML & CSS
2023. 11. 29. 10:54