HTML 5奇怪的img总是在底部添加3px的边距

当我将我的网站更改为

<!DOCTYPE HTML>

包含在DIV中的每个img元素都具有3px的底部边距，即使该边距未在CSS中定义。换句话说，没有导致3px底部边距的样式属性。

</div>

现在让我们说haha.jpg是50x50，并且.placeholder设置为display：table。奇怪的是，我观察的.placeholder的高度尺寸是50x53 ......

有没有人遇到过这种异常并修复过它？

编辑

这是JS FIDDLE

http://jsfiddle.net/fRpK6/

繁星淼淼

浏览 570回答 4

一只斗牛犬

我经常通过给出图像元素display:block或display:inline-block适当来解决这个问题。

POPMUISE

我相信设定line-height: 1;在图像上也将解决这个问题，特别是如果它本身在一个块中。

繁星点点滴滴

它解决了我的问题。line-height: 0;

随时随地看视频慕课网APP