Почему область 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

Как я могу сделать для заданной области сНа, чтобы соответствовать изображению?

источник

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

встроенный блок еще не работает^_^ –

обновленный ответ –

может я рядный ЕЭС прогибается? –

Теперь хорошо?

установленная ширина для изображения.

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 вертикально-ALIGN середине;ширина: 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?

ответ

Смежные вопросы