链接图像的 CSS 浮动答案

【问题标题】：CSS Floating Of Linked Images链接图像的 CSS 浮动
【发布时间】：2011-07-19 04:59:26
【问题描述】：

我不明白为什么会这样。第二张图像不知何故位于第一张图像的下方，但下一行图像还可以。截图：http://i.stack.imgur.com/e1P2t.jpg

每个链接图像的代码是：

<a style="display: block; float: left; padding: 5px;" target="_blank" href="_link_">
 <img src="_link_" width="300" height="200" />
</a>

我应该怎么做才能纠正这个问题？现场示例可以在这里找到http://chemica.ru/thread/1433

【问题讨论】：

【解决方案1】：

欢迎来到stackoverflow...

每个链接图像后都有<br/> 标签。如果你摆脱这些，那应该会有所帮助。

【讨论】：

【解决方案2】：

当<a> 标记在同一行时，去掉它们之间的<br> - 这就是问题所在。

【讨论】：