Flexbox
-
[html] 개념 학습 <Flexbox>codeStates front-end/Html 2023. 1. 4. 09:48
Flexbox로 레이아웃 잡기 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법 display: flex : css 속성 index.html box1 box2 box3 index.css main { border: 1px dotted red; } div { border: 1px solid green; } * { margin: 10px; padding: 10px; } 부모 요소인 요소에 display: flex 속성을 적용 main { **display: flex;** border: 1px dotted red; } 부모 요소에 적용해야 하는 flexbox 속성들 flex-direction : 정렬 축 정하기 → 자식 요소들을 정렬하는 정렬 축을 정한다(아무 설정 x → 가로 정렬) main { displa..