[Front-End]/[CSS]1 [CSS] CSS flex flex flex란? 요소들을 행과 열 형태로 배치하는 일차원 레이아웃 방법 기존 float, position 방법으로 레이아웃을 표현하는 것은 상당히 복잡함 요소지정 정렬하고자 하는 요소들은 다음과 같이 지정한다 .flex { display: flex; } flex-direction (열 또는 행) flex-direction: row; flex-direction: row-reverse; flex-direction: column; flex-direction: column-reverse; flex-wrap (줄 바꿈 설정) 요소들을 강제로 한준에 배치할 것 인지 여러행으로 나누어 표현할 것 인지 정함 /* 기본 값으로 부모 요소 영억을 벗어나도 한줄에 배치함 */ flex-wrap: nowrap; /* 요.. 2023. 8. 21. 이전 1 다음 728x90