0

私は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つは垂直方向に整列していません。それらを垂直方向に等間隔に揃えるにはどうすればよいですか?

4

1 に答える 1

2

このようにしてうまくいきます：

<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>
于 2012-07-05T14:56:35.943 に答える