在valign='middle'上使用<td>工作正常，但是，当我使用valign='bottom'时，它显示为“中间”。
我知道它设置正确的原因是因为valign='top'确实在表格顶部正确显示了文字。
我尝试使用<td>从style='line-height: 0;'删除行高，但这并没有改变任何内容，文字仍然显示在底部。
我没有选择尝试搜索前3个谷歌页面的答案，如果你知道我在这里做错了，请告诉我。
参考代码：
...
echo "<tr height='32px'>";
echo "<td width='150px' valign='top'><img src='./images/eye.png' style='height: 32px; width: 32px; margin-right: 10px;'>" . $story->story_extras->view_count . "</td>";
echo "<td valign='top'><img src='./images/camera.png' style='height: 32px; width: 32px; margin-right: 10px;'>" . $story->story_extras->screenshot_count . "</td>";
echo "</tr>"
...
答案 0 :(得分：1)
您可以将<img>设为阻止。
td img { display: block; }
或者将对齐添加到<img>标记。
td img { vertical-align: middle; }
答案 1 :(得分：1)
您指定单元格应垂直对齐但已满。您想要的是要在文本中间垂直对齐的图像，因此您应该将align='middle'添加到<img>标记。