为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

繁星淼淼 2019-08-31 16:25:06
当我将我的网站更改为<!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 FIDDLEhttp://jsfiddle.net/fRpK6/
查看完整描述

4 回答

?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

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


查看完整回答
反对 回复 2019-08-31
?
POPMUISE

TA贡献1765条经验 获得超5个赞

我相信设定


line-height: 1;

在图像上也将解决这个问题,特别是如果它本身在一个块中。


查看完整回答
反对 回复 2019-08-31
?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

它解决了我的问题。


line-height: 0;


查看完整回答
反对 回复 2019-08-31
  • 4 回答
  • 0 关注
  • 569 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信