목록flex (1)
상추의 IT저장소
CSS)Flex에서 Gap
gird에서의 gapgird 속성 사용 시 자식요소의 box의 여백(공간)을 주기 위한 속성의 값이다. gap과 margin의 차이는 무엇일까?margin : 엘리먼트 요소 이외외 것에도 여백이 생긴다.gap : 엘리먼트 요소에만(!!) 여백이 생긴다.(단, 인접요소가 없다면 적용되지 않는다.) margin을 활용한 여백 주기margin을 이용하여 여백을 주는 방법은 아래의 코드로 확인할 수 있다. .out_box{padding: 30px;}.box{display: flex;flex-wrap: wrap;width: 600px;font-size: 0;background: blue;margin: -10px}.in_b..
CSS
2024. 9. 23. 14:10