728x90 block1 [CSS] img 에 display: block 을 쓰는 이유 이미지의 위치가 이상할 때 display:block 적용또는 이미지 하단에 여백이 생길 때 사용 이미지 태그 ()는 기본적으로 인라인 요소처럼 동작display: block;을 사용하면 이미지를 블록 요소로 변환하여 이러한 여백을 제거할 수 있다.= 블록 요소는 자신만의 줄을 차지하므로, 이러한 여백이 제거.display: block;을 추가하면 여백이 사라지는 이유는 다음과 같습니다:인라인 요소의 기본 특성 때문에 여백이 발생합니다.display: block;을 사용하면 이미지가 블록 요소로 변환되어, 상하 여백이 제거됩니다.결과적으로 이미지가 상단에 정확히 맞게 배치됩니다.reset.css기본설정/* CSS - 기본 설정 */* { margin: 0; padding: 0; box-sizing: .. 2024. 6. 28. 이전 1 다음 728x90