img下方有一个小空间

时间:2017-09-21 08:45:16

标签: html css materialize

图像下方总是有6个像素的空间。我使用的是物化而不是引导。

<script src="js/jquery.min.js"></script> <!-- Like this! -->

<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>

还链接到JSFiddle

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

当我在body { background-color: #2c3e50; } 上检查时,它显示486像素,当我在div class="no-padding"上检查时,它显示480像素。

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

1 个答案:

答案 0 :(得分:1)

向图片添加display: block;是一个修复。

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