CSS (3) 썸네일형 리스트형 image 꽉 채우기 # 이미지간 딱 붙도록 경계 제거 1. HTML 2. CSS .flex { display: flex; } * 결과물 위 빨간선으로 표시한 것처럼 여백이 생긴다. 딱 붙여주고 싶다. 아래와 같이 css 적용 .small-img { display: block; } CSS: 빈칸이 아닐 때만 width 갖도록 하기 태그는, 태그 안이 빈값인 경우 요소 검사에는 잡히지만 공간 차지는 안함 span에 width를 주기 위해서는 inline-block 의 css style 사용 하지만 이 경우 태그 내에 아무것도 없어도 공간을 차지한다. span에 width 등의 속성을 주고 싶은데, 내부가 비었을 때는 공간 차지를 하지 않도록 하고 싶다. 다음과 같이 태그 내부가 비어있지 않을때만 inline-block과 width를 갖도록 css 를 설정하면 된다. .inblock:not(:empty) { display: inline-block; width: 100px; } CSS: HTML tag 줄바꿈 html 태그가 부모 엘리먼트의 width를 벗어나는 경우 아래로 줄바꿈 하는 옵션: flex-wrap:wrap 이전 1 다음
