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

Question

我正在设计一个 html 电子邮件。我在顶部和底部有一张图片和一段。这 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>