继承子节点的高度（A中的IMG） [英] Inheriting height of a child node (IMG inside A)

问题描述

我在< a> 标签上有一个漂亮的CSS。在链接内部放置< img> 会使图像超出< a>

I have a fancy CSS on my <a> tags. Putting an <img> inside of a link makes the image stick outside of the <a> block, even though it's still clickable, it looks stupid.

更改< a> 到显示：block 或 float：left 修复此问题，但是具有不希望的不是效果。

Changing <a> to display:block, or float:left fixes this, but has an undesirable not-side effect.

如何克服这个问题？

http://jsfiddle.net/z5gdA/2/

推荐答案

inline-block将解决问题，但它不会与IE工作。

inline-block will solve the problem, but it wont work with IE.

http://jsfiddle.net/dbugger/z5gdA/3/

这篇关于继承子节点的高度（A中的IMG）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！