想知道是否还有其他代码可用于 HTML 新闻通讯。
我会使用单元格填充或边距,但我对 HTML/CSS 很陌生,我找不到确实影响主标题行及其下方子标题的更改。作为一封电子邮件,我很犹豫是否要使用 CSS 来实现它——因为我不知道电子邮件客户端不喜欢 CSS 方式而不喜欢内联标记。
对于上下文,我使用的模板是来自 Mailchimp 片段的静音主题:
<!-- language: lang-html -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="626">
<tbody>
<tr>
<td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;">
<table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97">
<tbody>
<tr>
<td valign="middle" width="160" style="vertical-align:middle; text-align: left;">
<img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" />
</td>
<td valign="middle" style="vertical-align: middle; text-align: left;">
<h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;">
<singleline label="Title"><span>Title of Report</span></singleline>
</h1>
<h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; color: #192c45 !important;">
<singleline label="Title"><span>Small Subhead</span></singleline>
</h1>
</td>
<td width="55" valign="middle" style="vertical-align:middle; text-align: center;">
<h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;">
<currentmonthname />December
</h2>
<h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;">
<currentyear />2011
</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
整个电子邮件以网页形式可见here http://dl.dropbox.com/u/1585739/bze_html_nl/full_width_bze_baseload-i.html
Yes, many http://en.wikipedia.org/wiki/Space_character#Spaces_in_Unicode.
包括但不仅限于:
- [ ]头发空间:
 
or  
- [ ] 6-per-em space :
 
(no character reference available)
- [ ] narrow no-break space :
 
(no character reference available)
- [ ] 薄空间:
 
or  
- [ ] 每格 4 个空格:
 
or  
- [ ] 不间断空格:
 
or
- [ ] 标点空格:
 
or  
- [ ] 每个em 3 个空格:
 
or  
- [ ] 空间 :
 
or  
- [ ]图形空间:
 
or  
- [ ] 全角空格:
 
or  
span{background-color: red;}
<table>
<tr><td>non breaking space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>narrow no-break space:</td><td> <span> </span></td></tr>
<tr><td>en space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>3-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>4-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>6-per-em space:</td><td> <span> </span></td></tr>
<tr><td>figure space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>punctuation space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>thin space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>hair space:</td><td> <span> </span> or <span> </span></td></tr>
</table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)