Html CSS：单个<；td>；

我正在尝试创建一个表格，其中包含图库中的图像及其正下方的名称。我想在每列中垂直居中显示图像，并在

底部对齐名称，但我似乎无法使其正常工作。这是我目前的代码：

table.gallery {
    width:100%;
    text-align: center;
    table-layout: fixed;
}
table.gallery td {
    padding: 10px 10px 10px 10px;
    width:33%;
    overflow: hidden;
}
table.gallery td img{
    vertical-align: middle;
}
table.gallery td span.desc {
    vertical-align: bottom;
}

以及显示表格的Php代码：

<table border="0" class="gallery"><tr>
<?php
    $curtd = -1;
    foreach ($img_arr as $item) {
        $curtd++;
        if ($curtd >= 3){
            echo '</tr><tr>';
            $curtd = 0;
        }
        echo '<td><center><a href="'.$item['link'].'" target="_blank"><img src="'.$item['thumb'].'" /></a></center>
                <span class="desc"><a href="'.$item['link'].'" target="_blank">'.$item['title'].'</a></span></td>';
    }
?>
</tr></table>

我的图像看起来垂直居中，没有问题，但名称仍然直接显示在图像下方，而不是单元格底部。我怎样才能解决这个问题

编辑：以下是Php代码生成的HTML（删除URL和其他内容只是为了节省空间）：

请尝试以下操作：

---

使用两个tr标记，在first-image-，next-name-

表中用于数据，而不是布局。请发布生成的HTML，而不是PHP。使用HTML输出编辑。我通常避免使用桌子，但在这种情况下，它们似乎最有效。这似乎确实有效。但问题是，如果我没有找到一个解决办法（如果可以避免的话，我可能会这样做，但不愿意这样做），那么每行只能显示一张图片。

<table border="0" class="gallery"><tr>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
</tr><tr>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
<td>
    <center><a href="[link]" target="_blank"><img src="[URL]" /></a></center>
    <span class="desc"><a href="[link]" target="_blank">[name]</a></span>
</td>
</tr></table>