24
Outlook 2010/Outlook 2007에서 HTML 전자 메일의 줄 높이를 인식하지 못하는 것 같습니다. (그것은 Outlook 00과 Outlook 03에서 완벽하게 작동합니다.)HTML 용 Outlook 2010에서 선 높이가 작동하지 않습니다. 전자 메일
나는 광범위한 검색 기능을 수행해 왔으며, Outlook 2010/2007에서 라인 높이를 이해해야한다고 말한 HTML CSS 지원 차트를 작성했습니다.
블록 부모 요소와 자식 단락 요소에 선 높이를 넣고 머리 스타일 태그의 ID와 위의 모든 조합을 시도했습니다.
필자는 line-height를 텍스트 크기보다 훨씬 큰 픽셀 값으로 명시 적으로 선언했습니다 (그러나 %와 em도 시도했습니다). 썼다! 선언에 중요한 시도 - 그리고 심지어 온라인으로 찾을 수있는 모든 다른 팁과 함께 valign을 시도 .... 나는 선 높이를 사용하고있다. 패딩/여백에 대한 HTML 이메일 지원이 너무 번거롭기 때문에 버튼 패딩 상단과 패딩 하단을 결정합니다.
정말 고맙겠습니다. 지금 당장 헤드 - 뱅킹 포인트에!
실제 이메일은 복잡한 뉴스 레터이기 때문에 크기는 크지 만 머리 스타일의 스 니펫과 라인 높이가 작동하지 않는 테이블 섹션이 있습니다. 충분히 희망이 있습니다! :
<style type="text/css" media="screen">
html {
-webkit-text-size-adjust:none;
-webkit-background-size:100%;
}
body{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
background-color:#e5e5e5;
}
p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
display:block;
}
a:link, a:visited, a:active{
color:#55c2d9;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}
.body a:link, a:visited, a:active{
color:#55c2d9;
}
img{
border: 0;
display: block;
}
table.main {
background-color: #ffffff;
width:650px;
}
td {
}
#header-top p{
line-height:33px;
}
</style>
<!-- Content -->
<table border="0" cellspacing="0" cellpadding="0" class="body">
<!-- Row 1 -->
<tr valign="top">
<td background="images/bg-texture-top.jpg" style="background-repeat:repeat-y; background-color:#262626;" valign="top" width="650" height="33" bgcolor="#262626">
<table border="0" cellspacing="0" cellpadding="0" id="header-top">
<!-- Row 1.1 -->
<tr valign="top">
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="490" height="33" bgcolor="">
<p><a href="#">click here to view this email in a browser</a></p>
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="62" height="33" bgcolor="">
<p>find us on:</p>
</td>
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
</tr>
</table>
</td>
</tr>
</table> <!-- Content -->
이전 Office 버전에서는 HTML 메시지를 표시하고 편집하는 데 HTML 위젯을 사용했습니다. Outlook 2007에서는 Word 위젯을 사용합니다. HTML 위젯은 끔찍하게 손상되었습니다. – zgpmax