从img标签中删除边框

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">        

code example at JSfiddle

如您所见

图像之间有白色边距。 我怎么能删除它？

Answer 1

图像之间的白色边距实际上是空格字符。在您的代码中，这是图像之间的换行符，它隐式转换为浏览器中的空格。

所有空格字符序列（制表符，换行符，空格）都是用HTML转换为单个空格字符。

您可以使用此技巧来避免标记之间的空格字符：

<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

添加浮动：左;到img的css。像这样：

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

See how it works

Answer 4

<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">

我是以这种方式解决的