html - im タグから境界線を削除する

Question

imgタグを回避する白い境界線を削除しようとしています。

img 
{
    margin:0px;
    padding:0px;
    border : none;
}

<img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">         
<img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">        

JSfiddle のコード例

ご覧のように

画像間に白い余白があります。どうすれば削除できますか?

Answer 1

画像間の白い余白は、実際にはスペース文字です。コードでは、これはイメージ間の改行であり、ブラウザーで暗黙的にスペースに変換されます。

一連の空白文字 (タブ、改行、スペース) はすべて、HTML では 1 つの空白文字に変換されます。

このトリックを使用して、タグ間のスペース文字を回避できます。

<img src="img.jpg" alt="My image" width="100" height="100" /><img 
src="img.jpg" alt="My image" width="100" height="100" />   

Answer 2

imgタグを区切る空白を削除します。

<img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg"><img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">   

http://jsfiddle.net/aW4Wx/2/

Answer 3

float を追加: left; imgのcssに。このような：

img {
    margin:0px;
    padding:0px;
    border : none;
    float: left;
}

仕組みをご覧ください。