将图像放在带有子文本的网格中

Question

我有三张图片，下面想让文字居中。当前，我的代码给出以下内容（请参见here），其中图像在其单元格的左侧对齐。

我的代码是：

<div class="grid grid-rows-2 grid-flow-col">
          <img src="assets/githubIcon.png" alt="githubIcon" class="origin-center w-8">
          <div class="text-center text-xs">GitHub</div>
          <img src="assets/youTubeIcon.jpg" alt="youTubeIcon" class="w-8">
          <div class="text-center text-xs">PepperEng YouTube</div>
          <img src="assets/mediumIcon.png" alt="mediumIcon" class="w-8">
          <div class="text-center text-xs">Medium</div>
</div>

Answer 1

也将text-center添加到图像类别中