html - <figcaption>不显示

我想知道为什么我的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

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

最佳答案

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

关于html - <figcaption>不显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51716956/