イメージをギャップなしで水平に整列させる最も簡単な方法は？

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; 
}