html - div的高度大于图像

标签 html css

我是前端开发的菜鸟。最近,我写了这样的代码:

<div style="background-color:red">
        <img src='https://www.logaster.com/blog/wp-content/uploads/2013/06/jpg.png'>
</div>

image(logo.jpg)的高度是80px,而div的高度是82px。为什么?

最佳答案

您可以像 block 一样显示图像来解决这个问题,

<div>
    <img style="display:block" src='logo.jpg'>
</div>

关于html - div的高度大于图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38091547/

相关文章:

javascript - 为什么我的输入没有触发我的功能

javascript - 如何将表格行解析为 JS 函数 onClick 的参数?

html - CSS,Div 尽管有边距但重叠

html - 使用 css(跨浏览器)在按钮上正确显示图像

css - Twitter Bootstrap - 导航没有响应?

html - IIS、ColdFusion 或 TomCat 会在大约 4MB 时切断页面输出 - 我需要帮助来确定哪个设置限制了该输出?

html - 在 style 属性中使用 @import 的 CSS 范围?

css - Bootstrap布局,一个建议

javascript - CSS 轮廓仅围绕父元素

javascript - anchor 标记不起作用