图像之间的垂直间距

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

垂直空间是因为属性＆＃34;显示＆＃34;是＆＃34;内联＆＃34;，它的字母大小为零，在其父元素中。或者将显示属性更改为图像到＆＃34;阻止＆＃34;。

<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="..." />

Answer 4

是否有任何CSS为图像添加边距/填充？

尝试添加此内容;

img { padding: 0; margin: 0; } 

Answer 5

设置图像＆＃39; vertical-align到middle：

＆＃13;

＆＃13;

img {
  vertical-align: middle;
}

＆＃13;

<img src="https://dummyimage.com/600x100/150/6ff">
<img src="https://dummyimage.com/600x100/6ff/150">

＆＃13;

＆＃13;

＆＃13;