저는 대부분의 이메일 사업자에서 작동하는 HTML 뉴스 레터를 가지고 있지만 형식은 Outlook에서 엉망입니다. 이미지 태그의 위쪽과 아래쪽에 10 픽셀의 여백을 두어 이미지와 텍스트 사이에 공백이 있도록 vspace = "10"을 이미지 태그에 추가했습니다. 그러나 Outlook에서는 vspace가 선택되지 않고 텍스트가 이미지 아래에 공백없이 바로 나타납니다.Outlook 2007/2010의 Vspace
누구나 작동하도록하는 방법을 알고 있습니까? 이미지에 여백을 10px로 줄이려고했으나 다시 작동하지 않았습니다.
HTML 전자 메일을 사용하면 여러 브라우저간에 많은 차이가 있습니다. 이메일을 만들면서 얻은 한 가지 사실은 매우 간단해야한다는 것입니다. 두 마진 & 패딩은 Outlook에서 지원되지 않습니다 (단어 렌더링 엔진을 사용하기 때문에).
용액 화상 2 스페이서 및 GIF의 중심에있는 이미지를 포함하는 테이블 공간을 대체. 예를 들어 (당신은 당신의 이미지에 절대 경로를 사용해야합니다) :
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
</td>
</tr>
<tr>
<td>
<img style="display:block" border="0" src="YOUR IMAGE" width="" height="" />
</td>
</tr>
<tr>
<td>
<img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
</td>
</tr>
</table>
행의 높이를 중첩 테이블을 사용하여 정의하는 것이 더 쉬울 수 있습니다은 10px로. Outlook 2007 이상에서 경쟁하고있는 것은 CSS를 처리하는 Word HTML 렌더링입니다.