div박스1 div 박스 가로로 배치하는 간편한 방법 display: flex; [솔직히 float:left; 나 display: inline-block; 보다 좋음] 3개의 div 박스를 만들어줍니다 flex를 적용시킬거니까 3개를 묶는 div태그 class="flex-container" 3개 박스는 class="box"로 했습니다. 근데 div 박스가 확인이 안되니 색과 높이,너비를 넣어보겠습니다. 이제 잘 보입니다! 이제 flexbox를 써 볼까요? 그냥 박스들을 감싸는 부모 요소(class="flex-container") 에게 display : flex를 사용하면 됩니다. 결과는? 가로로 잘 정리되었습니다. flex로 가로정렬한 div box 정렬 위치를 바꾸고싶다면? 어떻게 해야 할까요? justify-content : center; //가운데 정렬 justify-content :flex-end; //오른쪽 정렬 justify-content:flex-s.. 2023. 3. 3. 이전 1 다음 반응형
