爲什麼div區還比圖像css更大？

爲什麼div區域仍然比圖像css更大？爲什麼div區還比圖像css更大？

<div style="padding: 0px 0px;display: inline-table;background: red;"> 
 
      <img src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="height: 70px;padding: 0;margin: 0; "> 
 
     </div>

https://i.stack.imgur.com/WHDU3.jpg

我如何可以設置DIV方面做適合的形象？

來源

2016-11-22 servioret wedijotu

IMG - 是內聯元素，因此它的行爲與塊類型元素不同。您可以覆蓋通過設置它的display到block

如果更換「inline-table」爲「inline-block」爲div和設置display:block爲img - 一切都會好起來。在this answer on SO

來源

2016-11-22 05:47:26

inline-block的還是不行^ _^ –

更新了答案 –

我可以內嵌的UE-FLEX？ –

有很好的描述現在好嗎？

設置圖像的寬度。

body,html{ 
 
    width:100%; 
 
    height:100%; 
 
    margin: 0! important; 
 
    padding : 0! important; 
 
    } 
 
img{ 
 
    width:100%; 
 
    height:100%; 
 
    } 
 
div{ 
 
    width:100%; 
 
    height:20%; 
 
    }

<div style="padding: 0px 0px;display: inline-table;background: red;"> 
 
      <img src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="padding: 0;margin: 0; "> 
 
     </div>

來源

2016-11-22 05:48:49

我看到你的div高度仍然高於圖片 – Anami

@anami現在檢查，這是你的divss高度和寬度的問題 –

變化在div的風格，這爲我工作。

<div style="display: inline-table; width: auto; height: auto;"> 
    <img src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="height: 70px;padding: 0;margin: 0;"> 
</div>

來源

2016-11-22 05:50:07 VeeMo

您需要設置div的寬度和高度，併爲img設置100％的寬度和高度。

我有更新碼檢查現在 https://fiddle.jshell.net/xktb8wsL/4/

來源

2016-11-22 05:51:34

添加到圖像樣式=「顯示：塊;」

<div style="padding: 0px 0px;display: inline-table;background: red;"> 
 
    <img style="display:block;" src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="height: 70px;padding: 0;margin: 0;"> 
 
</div>

來源

2016-11-22 05:56:26

與IMG標籤使用CSS 垂直對齊中間;寬度：100％;

<div style="padding: 0px 0px;display: inline-table;background: red;"> 
 
     <img src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="height: 70px;padding: 0;margin:0; 
 
vertical-align: middle; width: 100%; "> 
 
</div>

<div style="padding: 0px 0px;display: inline-table;background: red;"> 
 
     <img src="http://static.adzerk.net/Advertisers/3ce23fa868ea401dac7e2fcfda5ec312.png" style="height: 70px;padding: 0;margin: 0;vertical-align: middle;width: 100%; "> 
 
</div>

來源

2016-11-22 06:18:50

爲什麼div區還比圖像css更大？

回答

相關問題