0
以下是網頁:http://dimashishkov.tumblr.com/。我如何使div圍繞圖像緊緊包裹?現在它粘貼在圖像的底部4px(參見紅線,我給出了紅色背景)。這真的讓我很難過。我無法理解那些4 px來自哪裏以及如何擺脫它們。Tumblr:如何讓div圍繞照片?
以下是網頁:http://dimashishkov.tumblr.com/。我如何使div圍繞圖像緊緊包裹?現在它粘貼在圖像的底部4px(參見紅線,我給出了紅色背景)。這真的讓我很難過。我無法理解那些4 px來自哪裏以及如何擺脫它們。Tumblr:如何讓div圍繞照片?
給圖像vertical-align: bottom
或給出包含div line-height: 0
。
這是由於圖像被設置爲inline-block
以及inline
元素被渲染的原因。你也可以使圖像成爲塊級元素。
您的選擇。
非常感謝。情況就是如此。有時解決方案是在一行代碼:) – 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