嵌入式圖像和堆棧

我不確定這個持有者頁面的代碼有什麼問題。有些東西正在破壞格式，我相信它與內聯塊和清除框有關。嵌入式圖像和堆棧

任何人都可以引導我走向正確的方向嗎？我以前沒有完全從圖像中創建頁面。

這行代表渲染時顯示127px高 - 但圖像只有121px。

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

任何人都可以看到我在這裏錯過了什麼嗎？

在此先感謝。

2013-04-08 MDB

該網站的下降。你可以創建一個JSFiddle嗎？ – 2013-04-08 22:59:31

奇怪，它適合我...試試這個鏈接呢？ http://jsfiddle.net/2ZVVX/1/ – MDB 2013-04-08 23:09:06

的問題是有一個繼承font-size。它也影響你的最後一排圖像，但它並不明顯，因爲它下面沒有任何其他圖像。由於您的頁面是全部圖片，因此將其設置爲0應該沒問題。

CSS

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

2013-04-08 23:38:40 thgaskell

怪異的，有誰知道爲什麼這最後的形象坐在其餘的下面？ http://michaelbirchall.com/etc/dvd-page/ – MDB 2013-04-09 02:44:19

謝謝你。我正在艱難地前進......我按照你的建議重新制作了這些圖像。有時候，離開問題有一段時間是好事。 – MDB 2013-04-09 10:02:50

嗯，我已經設置了font-size：0;餘量：0;但是在懸停圖像之間似乎仍然存在細小的線條？這只是我的屏幕？ http://www.michaelbirchall.com/etc/dvd-page/ – MDB 2013-04-09 10:17:52

.imageleft是一個inline-block元素，這意味着線高度會影響它。只需設置line-height: 0和它的作品：

2013-04-08 23:12:36

真的嗎？你在談論.container-content類？我剛剛做到了，對我沒有任何幫助？ http://jsfiddle.net/2ZVVX/3/ – MDB 2013-04-08 23:17:29

http://imgur.com/G8VG4Dd這就是我得到的即使當我從容器中刪除邊距：0自動。 – MDB 2013-04-08 23:19:28

@ michaelbirchall.com對不起，沒有得到你的問題。修復了更新的答案。另一個問題是，使用內嵌塊時，元素必須位於同一級別，這就解釋了第二個黑色空間。你必須使用相對定位。 – 2013-04-08 23:26:03

回答