css - 部分覆盖的图库中的缩略图描述 - float :left problem?

Question

参见 http://jsfiddle.net/ZdjrT/ - 前两个缩略图下的文本被部分遮盖。

如果我在描述上设置一个高度，我可以解决这个问题，但显然描述高度是基于那里有多少内容，所以它不是我可以设置的静态值。

还有其他解决方案吗？

谢谢，卫斯理

Answer 1

文本被遮盖的原因是因为它太长以至于超过了您为 a.thumbnail 明确设置的 120px 高度。解决方案是取消该高度声明，但这可能会导致交错的行不对齐。

that 的解决方案是使用 display:inline-block 而不是 float:left。因为您只在自然内联的 a 元素上执行此操作，所以它应该在 IE6+ 中工作。

Here's the fiddle to prove it (注意 vertical-align:top)