Tumblr：如何讓div圍繞照片？

以下是網頁：http://dimashishkov.tumblr.com/。我如何使div圍繞圖像緊緊包裹？現在它粘貼在圖像的底部4px（參見紅線，我給出了紅色背景）。這真的讓我很難過。我無法理解那些4 px來自哪裏以及如何擺脫它們。Tumblr：如何讓div圍繞照片？

來源

2013-02-20 Dima

給圖像vertical-align: bottom或給出包含div line-height: 0。

這是由於圖像被設置爲inline-block以及inline元素被渲染的原因。你也可以使圖像成爲塊級元素。

您的選擇。

來源

2013-02-20 22:15:29

非常感謝。情況就是如此。有時解決方案是在一行代碼:) – Dima 2013-02-20 22:21:19

@Dima沒問題。 http://911-need-code-help.blogspot.co.uk/2012/10/remove-space-below-images-and-inline-block-elements.html解釋了爲什麼會發生這種情況。這是爲了適應字體下降。 – 2013-02-20 22:24:02

謝謝。我一定會閱讀這篇文章。必須讓我的想法分開行內和塊元素以及它們的行爲。 – Dima 2013-02-20 22:26:24

Tumblr：如何讓div圍繞照片？

回答

相關問題