recherche

Maison  >  Questions et réponses  >  le corps du texte

关于img父容器的高度会比img的高度多几像素的问题？

<div class="thumb" style="width: 500px;">
  <img src="imgs/1.jpg" style="width: 100%;height: auto"/>
</div>

在网页上thumb的高度会比里面的img高度多出几像素，请教下这是为啥？

男神男神2808 Il y a quelques jours1388

répondre à tous(2)je répondrai

  • 数据分析师

    数据分析师2017-10-01 01:06:06

    À propos du problème de savoir combien de pixels de plus la hauteur du conteneur parent d'img sera-t-elle supérieure à la hauteur d'img ? - Questions et réponses sur le site Web chinois PHP - Combien de pixels de plus la hauteur du conteneur parent img sera-t-elle supérieure à la hauteur de l'img ? - Questions et réponses sur le site Web chinois PHP

    Veuillez regarder et apprendre.

    répondre
    0
  • 迷茫

    迷茫2017-03-24 09:18:52

    这是因为浏览器本身对img标签的渲染问题,img标签本身是行内元素(主要原因)所以有一种简单有效的解决办法(推荐)

    img {    display:block;}
    或者可以尝试为父级div设置font-size:0(不推荐)
    也可以采用浮动(float),原因是浮动会将这个元素转换为块级元素
    当然还有为div定高并且设置overflow:hidden的解决办法(太不优雅了，强烈不推荐)
    répondre
    0
  • Annulerrépondre