图像之间的垂直间距

Question

我将一张图片切成三张相等的图片，现在我把它放在html代码中，如下所示：

                        <img src="images/disclosure2_01.jpg" alt="Disclosure">
                        <img src="images/disclosure2_02.gif" alt="Disclosure2">
                        <img src="images/disclosure2_03.gif" alt="Disclosure3">

在网站上渲染的图像如下：

​

我想知道是否有可能删除图像和图像之间的垂直间距，使其看起来像一张完整的图片。提前感谢您的帮助。

Answer 1

尝尝这个。删除它们之间的线条。

<img src="images/disclosure2_01.jpg" alt="Disclosure"><img src="images/disclosure2_02.gif" alt="Disclosure2"><img src="images/disclosure2_03.gif" alt="Disclosure3">

或者对css进行修补。

img { padding: 0; margin: 0; } 

Answer 2

垂直间距是因为属性"display“是"inline"，所以在其父元素中将字体大小保留为零。或者将display属性更改为要"block“的图像。

<div style="font-size:0">
   <img src="images/disclosure2_01.jpg" alt="Disclosure">
   <img src="images/disclosure2_02.gif" alt="Disclosure2">
   <img src="images/disclosure2_03.gif" alt="Disclosure3">
</div>

Answer 3

将每个图像的边距和填充设置为0。

<img style="margin:0px; padding:0px;" src="..." />