# flex wrap

10개의 포스트
post-thumbnail

Flexbox Froggy 24

두세 번만 더 써보면 완벽하게 체득될 듯ㄷㄷㄷ

2022년 8월 9일
·
0개의 댓글
·
post-thumbnail

[CSS] flex-wrap

[CSS] flex-wrap flex-wrap은 flex의 아이템들을 표시할 때 줄 바꿈을 지정해준다. wrap 아이템이 flex안에서 표시되도록 줄 바꿈을 한다. 6개의 아이템이 공간에 맞게 줄 바꿈 되어 들어간다. nowrap 아이템이 줄바꿈 되어 들어가지

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

플렉스 박스 레이아웃

flex-wrap 속성은 플렉스 컨테이너 너비보다 많은 플렉스 항목이 있을 경우 줄을 바꿀지 여부를 지정한다. 속성 값으로는 wrap 이나 wrap-reverse로 지정한 후 웹 브라우저 화면의 너비를 늘리거나 줄여 보면 플렉스 컨테이너 너비에 따라 여러 줄로 표시되는

2022년 5월 5일
·
0개의 댓글
·
post-thumbnail

[KDT]FCFE - 3주2일 - 2. 웹페이지 만들기 4 ( flex )

하나의 div에 3개의 버튼 만들어 넣기width를 가진 버튼그룹 div를 만들고버튼그룹인 div에 display:flex; 를 주고flex-wrap: wrap;: 줄이 넘어가면 줄 바꿈하여 배치함.을 설정한다.버튼을 크기를 조정하여 2개는 윗줄에 한개는 아랫줄에 오게

2021년 12월 7일
·
0개의 댓글
·
post-thumbnail

flex 요소 정리

flex 컨테이너 요소들에 대해 간략하게 정리

2021년 11월 30일
·
0개의 댓글
·
post-thumbnail

수업정리_modal,card

1. Br 태그에 관해서 2.폰트 3. Modal: 팝업과의 차이점 4.Card

2021년 11월 15일
·
0개의 댓글
·
post-thumbnail

[CSS] Flexbox

flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.

2021년 10월 1일
·
0개의 댓글
·
post-thumbnail

"Project: Market Bully" 를 진행중에 메모.. (끄적끄적)

모든 과정들이 나에게는 배움이었지만, 여기에다가 끄적이지 않으면 다시 같은 실수를 남길 거 같아 이 글을 끄적끄적 적어본다. ※ 이 글은 필자가 평소에 몰랐던 것들이나 자주 하는 실수하는 것들을 남기는 것이기에, 내용끼리 상관관계가 없음필자는 마켓컬리에서 다음 페이지를

2020년 12월 20일
·
0개의 댓글
·