2014-04-29 8 views

답변

0

Outlook에서 CSS 스타일에 대한 가난한 지원하는 메일 서비스 중 하나입니다 : 여기

은 HTML 템플릿에 대한 링크입니다. Here 다른 메일 클라이언트에서 지원되는 스타일 목록이 있습니다. 최소 높이 지원을 찾을 수는 없지만 최소 너비와 최대 너비는 지원되지 않습니다.

0

최소 높이 지원되지 않습니다. 대신 최소로 테이블 셀 height=""을 설정하고 필요한 경우 더 큰 기지개 :

<!-- this has height set to 100, but stretches larger vertically --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"> 
    <tr> 
    <td valign="top" height="100"> 
     Table 1<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>... 
    </td> 
    </tr> 
</table> 

<br><br> 

<!-- this has height set to 100, faking "min-height" --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"> 
    <tr> 
    <td valign="top" height="100"> 
     Table 1<br>... 
    </td> 
    </tr> 
</table> 

을 또는 당신이 당신의 테이블 중첩, 당신이 할 수있는 가짜 최소 높이와 영리합니다. 셀에서 특정 높이를 설정하고 싶지 않을 때이 방법을 사용하면 높이를 콘텐츠로 제어 할 수 있습니다.

<!-- this has no "min-height" --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td valign="top"> 
     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"> 
     <tr> 
      <td valign="top"> 
      Table 1<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>... 
      </td> 
     </tr> 
     </table> 
    </td> 
    <td valign="top"> 
     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999"> 
     <tr> 
      <td valign="top"> 
      Table 2<br>...<br>...<br>...<br>... 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

<br><br> 

<!-- this fakes "min-height" --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td valign="top"> 
     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"> 
     <tr> 
      <td valign="top"> 
      Table 1<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>... 
      </td> 
     </tr> 
     </table> 
    </td> 
    <td valign="top" bgcolor="#999999"> 
     Table 2<br>...<br>...<br>...<br>... 
    </td> 
    </tr> 
</table>