亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

寒熙 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個贊

這種問題可以查到就不要問了,講的很詳細了

參見

http://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 關注
  • 5384 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號