<figure>内容高度增加4px </figure>

Question

我正在尝试在figure标记内添加图片，但它会在图片下留下一个4px的小空间，这在向figure添加边框时变得非常明显。我无法将宽度设置为figure标记，因为在渲染html时图像的宽度未知。

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

Answer 1

使图像显示块，如下所示：

figure img {

display: block;

}

使用您的代码的示例：

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