html - img下面有一个小空格

标签 html css materialize

图像下方始终有 6 个像素的空间。我正在使用 Materialize 而不是 bootstrap。

<div class="container">
<div class="row">
    <div class="no-padding">
        <img src="https://i1.wp.com/testing.datahub.io/static/img/logo-cube03.png" />
    </div>
</div>

body {
    background-color: #2c3e50;
}

同时链接到JSFiddle

我的代码非常简单,即使我清理了所有其他东西。

当我检查div class="no-padding"时它显示 486 像素,当我检查 img 时它显示 480 像素。

我想删除 6 个像素的空间。

最佳答案

display: block; 添加到图像是一种解决方法。

另请参阅:What is the gap or extra space below image?

关于html - img下面有一个小空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46339322/

相关文章:

javascript - 如何在网站上添加实时代码编辑器?

html - 为什么我的边距在 Chrome 中看起来与在所有其他浏览器中不同

css - 如何将 SASS 编译到 Dreamweaver 和 SubLime 文本编辑器中

javascript - 我如何根据图像大小自动调整我的div的高度

css - Materializecss 矩形网格 3x3

html - MaterializeCSS 使行对齐

html - 响应式地将元素绝对定位在背景之上

html - 列表项中的 CSS 边框

html - 表格基础框架中的中心 Logo

reactjs - React 路由器 (v4) 导航栏