我正在设计一个 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 个没有垂直对齐。如何让它们在垂直方向上以相等的间距对齐?
最佳答案
这样就可以正常工作了:
<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>
关于html - 表格单元格内的垂直间距相等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11346801/