# flex wrap
총 10개의 포스트

[CSS] flex-wrap
[CSS] flex-wrap flex-wrap은 flex의 아이템들을 표시할 때 줄 바꿈을 지정해준다. wrap 아이템이 flex안에서 표시되도록 줄 바꿈을 한다. 6개의 아이템이 공간에 맞게 줄 바꿈 되어 들어간다. nowrap 아이템이 줄바꿈 되어 들어가지
2022년 7월 9일
·
0개의 댓글·
0
플렉스 박스 레이아웃
flex-wrap 속성은 플렉스 컨테이너 너비보다 많은 플렉스 항목이 있을 경우 줄을 바꿀지 여부를 지정한다. 속성 값으로는 wrap 이나 wrap-reverse로 지정한 후 웹 브라우저 화면의 너비를 늘리거나 줄여 보면 플렉스 컨테이너 너비에 따라 여러 줄로 표시되는
2022년 5월 5일
·
0개의 댓글·
0
[KDT]FCFE - 3주2일 - 2. 웹페이지 만들기 4 ( flex )
하나의 div에 3개의 버튼 만들어 넣기width를 가진 버튼그룹 div를 만들고버튼그룹인 div에 display:flex; 를 주고flex-wrap: wrap;: 줄이 넘어가면 줄 바꿈하여 배치함.을 설정한다.버튼을 크기를 조정하여 2개는 윗줄에 한개는 아랫줄에 오게
2021년 12월 7일
·
0개의 댓글·
0
[CSS] Flexbox
flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.
2021년 10월 1일
·
0개의 댓글·
0
"Project: Market Bully" 를 진행중에 메모.. (끄적끄적)
모든 과정들이 나에게는 배움이었지만, 여기에다가 끄적이지 않으면 다시 같은 실수를 남길 거 같아 이 글을 끄적끄적 적어본다. ※ 이 글은 필자가 평소에 몰랐던 것들이나 자주 하는 실수하는 것들을 남기는 것이기에, 내용끼리 상관관계가 없음필자는 마켓컬리에서 다음 페이지를
2020년 12월 20일
·
0개의 댓글·
1