嵌入式图像和堆栈

Question

我不确定这个持有者页面的代码有什么问题。 有些东西正在破坏格式，我相信它与内联块和清除框有关。

任何人都可以引导我走向正确的方向吗？我以前没有完全从图像中创建页面。

这行代表渲染时显示127px高 - 但图像只有121px。

<a class="imageleft" href="#"><img src="images/4.jpg" width="76" height="121"></a> 

任何人都可以看到我在这里错过了什么吗？

网站： http://michaelbirchall.com/etc/dvd-page/

在此先感谢。

Answer 1

的问题是有一个继承font-size。它也影响你的最后一排图像，但它并不明显，因为它下面没有任何其他图像。由于您的页面是全部图片，因此将其设置为0应该没问题。

http://jsfiddle.net/2ZVVX/6/

CSS

* { 
    margin: 0; 
    padding: 0; 
    font-size: 0; 
} 

Answer 2

.imageleft是一个inline-block元素，这意味着线高度会影响它。只需设置line-height: 0和它的作品：

http://jsfiddle.net/2ZVVX/5/