Rumah >hujung hadapan web >html tutorial >为啥QQ邮箱里的邮件模版会变形呢?高手看看_html/css_WEB-ITnose
QQ邮件里给加多一个 nbsp;html>,发现邮件模版就变形。怎么处理?代码如下:
<!DOCTYPE html><html><head></head><body> <!-- Save for Web Slices (zhanhui.psd) --><table id="__01" width="824" height="491" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td colspan="11"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_01.png" width="823" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="13"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_02.png" width="21" style="max-width:90%" alt=""></td> <td colspan="2" rowspan="4"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_03.png" width="504" style="max-width:90%" alt=""></td> <td colspan="8"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_04.png" width="298" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_05.png" width="53" style="max-width:90%" alt=""></td> <td rowspan="3"><font size="-1">82122146</font></td> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_07.png" width="16" style="max-width:90%" alt=""></td> <td colspan="2" rowspan="3"> <font size="-1">48076124</font></td> <td colspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_09.png" width="63" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="2"> <a href="http://www.szhr.com.cn/xfile/renyu/2012毕业生双选会邀请函.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_10.png" width="18" style="max-width:90%" border="0" alt="第十六届高校毕业生就业创业双向选择大会"></a></td> <td rowspan="11"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_11.png" width="45" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_12.png" width="18" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_13.png" width="1" style="max-width:90%" alt=""></td> <td rowspan="4"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_14.png" width="503" style="max-width:90%" alt=""></td> <td colspan="5"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_15.png" width="235" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_16.png" width="53" style="max-width:90%" alt=""></td> <td rowspan="3"><font size="-1">82122146</font></td> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_18.png" width="16" style="max-width:90%" alt=""></td> <td rowspan="3"><font size="-1">48076124</font></td> <td> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_20.png" width="1" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="3"> <a href="http://www.szhr.com.cn/xfile/renyu/2012中国国际人才交流大会邀请函.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_21.png" width="19" style="max-width:90%" alt="最高规格2012年国际人才交流大会邀请函" border="0"></a></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_22.png" width="19" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="2" rowspan="4"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_23.png" width="504" style="max-width:90%" alt=""></td> <td colspan="4"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_24.png" width="234" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_25.png" width="53" style="max-width:90%" alt=""></td> <td rowspan="3"><font size="-1">82122146</font></td> <td rowspan="3"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_27.png" width="16" style="max-width:90%" alt=""></td> <td colspan="3" rowspan="3"><font size="-1">48076124</font></td> <td> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_29.png" width="17" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td> <a href="http://www.szhr.com.cn/xfile/组团赴内地招聘.doc" target="_blank"><img src="http://www.szhr.com.cn/xfile/images/zhanhui_30.png" width="17" style="max-width:90%" alt="2012组团招聘邀请函" border="0"></a></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_31.png" width="17" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td colspan="8"> <img src="http://www.szhr.com.cn/xfile/images/zhanhui_32.png" width="740" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> </tr> <tr> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="21" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="503" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="53" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="90" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="16" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="75" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="17" style="max-width:90%" alt=""></td> <td> <img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="45" style="max-width:90%" alt=""></td> <td></td> </tr></tbody></table><!-- End Save for Web Slices --> </body></html>
高手,看看!
nbsp;html>
重复了把?
nbsp;html>是HTML5的写法。HTML5里面可能不支持你的某些标签,但