<figure>内容高度增加4px

Question

我正在尝试在figure标签内添加一个图像,但它在图像下留下了一个小的4px空间,这在添加边框时非常明显figure.我无法设置宽度来 figure标记,因为在渲染html时图像的宽度是未知的.

http://codepen.io/shahalpk/pen/cltAn

Answer 1

使图像显示块,如下所示:

figure img {

display: block;

}

使用代码的示例:

http://codepen.io/anon/pen/dazFt