HTML行高不受欢迎的差距

Question

行高会导致图像与其他元素之间出现间隙，但将其值更改为0会使任何文本无法读取，是否有任何简单的解决方法？

想象一下像阴影一样可重复的DOM元素，你会如何消除这个元素与上面的任何东西之间的差距（可能是图像，div，span，button，form）？

设置此.shadow的类并将其行高为0当然不起作用，因为行高有点不同。

我制作了3张图片，第一张显示我正在谈论的内容，第二张显示它，第三张显示第二张实际上是如何破坏整个布局：

http://jsfiddle.net/J5PLf/

我正在考虑类似的事情：

body {
   line-height: 0;
}

p {
   line-height: 1.2em;
}

但是我觉得这有点风险，如果

标签内有一些免费文字怎么办？

Answer 1

请勿混淆line-height属性，并在图片上设置display:block。

小提琴：http://jsfiddle.net/J5PLf/1/

#example1, #example2, #example3 {
    width: 200px;
    float: left;
}
img {
    display:block;
}