<figcaption>不显示

Question

我想知道为什么我的figcaption不显示

我正在执行通常的代码：

<a href="https://en.wikipedia.org/wiki/Fimmv%C3%B6r%C3%B0uh%C3%A1ls" 
            target="_blank" class="grid-box">

            <img class="grid-img" 
            src="https://www.extremeiceland.is/media/8354/lava.jpg" 
            alt="Fimmvörðuháls">

            <figcaption>Fimmvörðuháls</figcaption>
 </a>

屏幕截图：http://prntscr.com/kfinwm

这是codepen：https://codepen.io/don0ts/pen/ajayZE

Answer 1

您的图像被包裹在<a>标签中，该标签具有.grid-box类，而该类又将其溢出设置为隐藏。
尝试从overflow: hidden中删除.grid-box。