<img> 和相邻的 <div> 之间不需要的空格答案

【问题标题】：Unwanted whitespace between an <img> and an adjacent <div><img> 和相邻的 <div> 之间不需要的空格
【发布时间】：2012-07-03 22:44:23
【问题描述】：

我的 HTML 有点奇怪。我以前从来没有遇到过这个问题。

我看到图像和黑色 div 之间的空白。当我取出 DTD 时，它渲染得很好。

我的 html 或 css 有问题吗？

【问题讨论】：

标签： html css

【解决方案1】：

图片是inline-block，下面的div是block。有几种方法可以解决此问题。一种是将display: block 添加到图像中，如this example。

【讨论】：

【解决方案2】：

只要让你的 img 元素成为块元素：

display: block;

【讨论】：