html - 表格单元格内的相等垂直间距

Question

我正在设计一个html电子邮件。我在顶部和底部有一张图片和 1 段。这 3 个在表格单元格中。我需要图像位于单元格的中心，并且 2 段应该与图像垂直等距。

<td height="200" style="vertical-align:middle;">
  <p style="vertical-align:middle;">Lorem Ipsum</p>
  <img src="pic.jpg" height="150" />
  <p style="vertical-align:middle;">Lorem Ipsum</p>
</td>

现在 3 没有垂直对齐。如何让它们垂直对齐彼此之间的相等空间？

Answer 1

这样它工作正常：

<style>
    td {
        vertical-align:middle;
    }
</style>

和 HTML：

<table>
    <tr>
        <td>
            <p>Lorem Ipsum</p>
        </td>
        <td>
            <img src="http://lorempixel.com/output/food-h-c-100-200-8.jpg" alt="">
        </td>
        <td>
            <p>Lorem Ipsum</p>
        </td>
    </tr>
</table>