HTML5的两张图片中间为什么会有4个像素的空白呢?已经把所有的margin、padding、border都设为0了

要把其中的一张图片的margin设为-4px才可以把两个图片紧接在一起。这是怎么会事,<!doctype html><html><head><meta charset="utf-8"><title>test<⼀title><style type="text⼀css" > * { margin: 0; padding: 0; border: 0; }<⼀style><⼀head><body> <div style="width: 320px"> <img src="menghuo.jpg" ⼀> <img src="menghuo.jpg" ⼀> <⼀div><⼀body><⼀html>
2026年09月24日 13:07
有5个网友回答
网友(1):






在style里加个font-size:0;或者line-height:0;

网友(2):

两张图片都这样子限定一下就行了。。。

网友(3):

你可以把图片设置成display:block;就可以了~这个主要是浏览器默认行为的事,像body和ul等都有默认的样式,IMG也一样~试试吧~

网友(4):

试试用float?

网友(5):

把代码贴上来看看