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

如何消除图片下面灰色空白

如何消除图片下面灰色空白

寒熙 2017-08-24 15:17:21
<div style="background: #DDDDDD;font-size: 14px;line-height: 1.5em;padding:0;margin:0;">         <img src="5%20(1).jpg" style="display:inline-block;">         <span>1</span>     </div>
查看完整描述

8 回答

?
anet

TA贡献79条经验 获得超19个赞

1.把<img>设置为 display:block 

2.给<img>的父元素设置 font-size:0 

3.给<img>的父元素设置line-height:0 

4.把<img>的vertical-align设置为top 也可以消灭空隙

4招够不够?

查看完整回答
1 反对 回复 2017-08-24
?
qq_安安_17

TA贡献49条经验 获得超52个赞

这种问题可以查到就不要问了,讲的很详细了

参见

//img1.sycdn.imooc.com//599ee11400017f8110200882.jpg

查看完整回答
1 反对 回复 2017-08-24
?
慕妹7119570

TA贡献1条经验 获得超1个赞

设置font-size:0

查看完整回答
1 反对 回复 2017-08-24
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

有字就会有间隙,这是因为字体是要占据高度的,类似五线谱,最底到j,不信你写个j然后把行高设置为1就可以看到下边缘紧贴j的底部

查看完整回答
1 反对 回复 2017-08-24
?
奔放小青年0

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

img标签本身就是行内块元素没必要给displayinline-block

查看完整回答
反对 回复 2018-01-13
?
芦苇声

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

这么写代码,总感觉不太规范

查看完整回答
反对 回复 2017-08-24
?
qq_岁月熏染上了_04049752

TA贡献1条经验 获得超0个赞

 <div style="background: #DDDDDD;font-size: 0px;line-height: 1.5em;padding:0;margin:0;">

        <img src="5%20(1).jpg" style="display:inline-block;">

        <span style="font-size:14px">1</span>

    </div>


查看完整回答
反对 回复 2017-08-24
?
颜鸿羽

TA贡献108条经验 获得超56个赞

最好是去掉<span>标签


查看完整回答
反对 回复 2017-08-24
?
__innocence

TA贡献313条经验 获得超208个赞

给图片添加属性: vertical-align: text-bottom;

查看完整回答
反对 回复 2017-08-24
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

如果你想消除就必须写css,比如设置垂直对齐为bottom

查看完整回答
反对 回复 2017-08-24
  • 8 回答
  • 0 关注
  • 5080 浏览
慕课专栏
更多

添加回答

举报

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