HTML 전자 메일 - Outlook.com에서 이미지의 세로 맞춤 컨트롤을 인식하지 못합니다.

Question

2 셀 행의 셀 1에 이미지가 있습니다. Outlook.com은 다른 브라우저와 비교하여 텍스트 사이에 간격을 추가하기로 결정했기 때문에 전체 행을 왜곡 (높이 추가)하지만 셀 1의 이미지는 셀의 위쪽에 정렬 된 상태로 유지됩니다 .

텍스트의 줄 높이를 강제적으로 시도했지만 작동하지 않습니다.

<td style="vertical-align: middle;" valign="middle"> 
<p style="text-align: center;"> 
<img style="margin: 0 auto; vertical-align: middle;" valign="middle" title="Date and Venue" alt="Date and Venue" src="imgURL" height="x" width="y"> 
</p> 
</td> 

그러나 모든 사항은 Outlook.com에 의해 무시됩니다

현재 내 코드입니다.

이미지 센터 자체를 셀에 어떻게 만드나요?

Answer 1

이미지에는 이메일에 항상 display:block;이 있어야합니다. 여백이나 CSS 정렬 작업이 필요 없습니다. 다음은 기본적인 예입니다.

<table width="100" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="100" height="100" align="center" valign="middle" bgcolor="#cccccc"> 

<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="50" height="50" alt=""> 

    </td> 
    </tr> 
</table>