14

高さと幅が固定されたテーブルセルがあります。その中に、サイズとサイズの比率が異なる画像があります。

テーブルセル内で画像を水平および垂直に配置したいと思います。また、表のセルのサイズに比例して画像を縮小する必要があります。

これはメール テンプレートの一部であるため、最新の CSS をサポートしていないため、たとえば背景関連の CSS を使用することはできません。Lotus Notes 以外のことなら何でも気にします。メールでサポートされている CSS プロパティの完全なリストは、www.campaignmonitor.com/css で確認できます。また、明らかに、Javascript はありません。

どんな助けでも大歓迎です。

4

3 に答える 3

18

このようなHTMLを行うことができます

<table>
    <tr>
        <td style="width:250px; height:250px; background-color:red;text-align:center; vertical-align:middle">
            <img src="http://www.100marks.in/wp-content/uploads/2012/07/Sachin-Tendulkar-Pictures-Latest-2.jpg"
                style="max-height:100%; max-width:100%" />
        </td>
    </tr>
</table>

Outlookでサポートしていない場合はmax-width、これを参照してください（古いリンク）max-heightwidth:autoheight:auto

于 2013-10-22T19:20:00.730 に答える
1

Outlook 2013 を使用したいくつかの実験では、画像が表の外に表示される場合、Outlook は既定でその幅をウィンドウの幅に縮小することが示されています。したがって、テーブルなしでそれを行うことができれば、少なくとも Outlook で水平スクロール バーは表示されません。

max-width(リストによると、他のすべての電子メール クライアントは と をサポートしているため、他のすべてのクライアントmax-heightでは問題になりません。)

ただし、実際の解決策は、含まれる表のセルの高さと幅が事前にわかっている場合は、送信する前にサーバー側で画像のサイズを変更することです。これは問題を解決するだけでなく、帯域幅も節約します。

画像自体のサイズを変更できない場合は、何らかの理由で、(サーバー側で) サイズを計算し、HTML に含めることもできます。

これを行う方法は、使用しているテンプレート システムによって異なります。残念ながら、あなたはそれについて何も言及していません...

于 2013-10-23T07:16:01.607 に答える
1

これらの属性を表のセルに適用し、画像の幅または高さを固定サイズにする必要があります。自動的にスケーリングされます。

<td valign="middle" align="center">
     <img src="..." width="100" />
</td>
于 2013-10-22T19:17:14.317 に答える