HTML 5奇怪的img总是在底部添加3px的边距
当我将我的网站更改为
<!DOCTYPE HTML>
包含在DIV中的每个img元素都具有3px的底部边距，即使该边距未在CSS中定义。换句话说，没有导致3px底部边距的样式属性。
<div class="placeholder">
<img alt="" src="/haha.jpg" />
</div>
现在让我们说haha.jpg是50x50，并且.placeholder设置为display：table。奇怪的是，我观察的.placeholder的高度尺寸是50x53 ......
有没有人遇到过这种异常并修复过它？
编辑
这是JS FIDDLE
http://jsfiddle.net/fRpK6/
繁星淼淼浏览 570回答 4
4回答
-
一只斗牛犬
我经常通过给出图像元素display:block或display:inline-block适当来解决这个问题。 -
POPMUISE
我相信设定line-height: 1;在图像上也将解决这个问题，特别是如果它本身在一个块中。 -
繁星点点滴滴
它解决了我的问题。line-height: 0;
随时随地看视频慕课网APP
Html5
Html/CSS