flex-basis2 0304_html5/css3_display:flex - (3)형태잡기 flex-grow , flex-shrink:'숫자' 형태잡기 - 비율로 형태를 잡음 - 여백 없이 형태를 잡을 수 있음 flex-grow section article { flex-grow: 1; flex-basis: 600px; flex-shrink: 1; } - flex-grow: - flex-shrink: flex-shrink section article { flex-grow: 1; flex-basis: 600px; flex-shrink: 1; } - flex-grow: - flex-shrink: 참고사이트: https://blog.naver.com/coding-/221394620200\ CSS3 [flex] flex-direction/justify-content/align-items/align-content/flex-wrap/flex-grow/fle.. 2020. 3. 5. 0304_html5/css3_display:flex - (3)형태잡기 flex-basis:'값'px 형태잡기 -가로 세로 값을 각각 다 지정해주지 않아도 형태를 만들 수 있음 flex: 1 section article { flex:1; } - section article 영역 내부에 있는 개별 콘텐츠들을 1:1 의 비율로 만들어 줌 더보기 header article_1 article_2 article_3 footer 2020. 3. 5. 이전 1 다음
