flex화면정렬

WEB UIUX/CSS

[css] display: flex

display : flex; 화면에 아이템을 배치하는 속성으로 부모컨테이너에 작성한다. 배치방향설정 flex-dirextion flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ - row(기본값) 행(가로)방향으로 배치 - row-reverse 역순으로 가로배치 - column 열(세로)방향으로 배치 - column-reverse 역순으로 세로배치 줄넘김 flex-wrap (화면영역에 넘칠경우 줄바꿈설정) flex-wrap: nowrap; /* flex-wrap: wrap; */ /* flex-wrap: wrap-reverse; */ ..

카이아
'flex화면정렬' 태그의 글 목록