간격없이 이미지를 수평으로 정렬하는 가장 간단한 방법은 무엇입니까?

Question

div 내에서의 간격없이 이미지를 정렬하는 가장 간단한 올바른 방법은 입니까?

가능한 경우 div의 모든 이미지를 래핑하고 싶지 않고 목록을 사용하고 싶지 않습니다. 차라리 최소한의 마크 업으로이를 달성하기위한 적절한 CSS를 찾고 있습니다.

가장 큰 문제는 글꼴 크기를 0으로 설정하여 제거 할 수있는 이미지 사이의 틈새가 추악하고 Firefox에서만 작동한다는 것입니다.

<div class="images"><img1><img2><img3></div> 

.images { 
display: inline; 
...??? 
} 

Answer 1

이미지를 플로팅하는 것이 좋습니다.

그러나, 또한 그들을 neaten 것 마진을 추가

그들 주위에 모든 길을 간다 보장하기 위해 자신의 부모 컨테이너에 오버 플로우 attirbute을 추가해야합니다.

.images { 
    overflow: hidden; 
} 

.images img { 
    float: left; 
    margin: 0px; 
}