如何使用javascript,css和/或html将文本中心放在表格中的图像上？

Question

如何使用javascript,css和/或html将文本中心放在表格单元格中的图像上？

我有一个包含图像的HTML表格 - 大小相同 - 我想在每个图像上居中一个文本标签.标签中的文字大小可能不同.水平定心并不困难,但垂直定心是.

ADDENDUM:我最终不得不使用javascript来使用具有绝对定位的固定大小的div来可靠地居中文本; 我只是无法让它以任何其他方式工作

Answer 1

你可以尝试将图像放在后台.

<table>
    <tr>
        <td style="background: url(myImg.jpg) no-repeat; vertical-align: middle; text-align: center">
            Here is my text
        </td>
    </tr>
</table>

您只需要在单元格上设置高度和宽度即可.