为啥QQ邮箱里的邮件模版会变形呢？高手看看_html/css

回复讨论(解决方案)

집

웹 프론트엔드

HTML 튜토리얼

为啥QQ邮箱里的邮件模版会变形呢？高手看看_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:14 PM

本帖最后由 letmeto 于 2012-09-03 14:15:10 编辑

QQ邮件里给加多一个 nbsp;html>，发现邮件模版就变形。怎么处理？代码如下：
??????
注:去掉 nbsp;html>，会正常显示，是不是css3.0不兼容table属性？怎么修改才能兼容呢？

<!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="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_01.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="13">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_02.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="2" rowspan="4">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_03.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="8">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_04.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_05.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_07.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="2" rowspan="3">		  <font size="-1">48076124</font></td>		<td colspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_09.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  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="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_10.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" border="0" alt="第十六届高校毕业生就业创业双向选择大会"></a></td>		<td rowspan="11">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_11.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_12.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="4">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_13.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td rowspan="4">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_14.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="5">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_15.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_16.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_18.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td rowspan="3"><font size="-1">48076124</font></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_20.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  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="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_21.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="最高规格2012年国际人才交流大会邀请函" border="0"></a></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td colspan="3" rowspan="2">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_22.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="4">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_23.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="4">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_24.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_25.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td rowspan="3"><font size="-1">82122146</font></td>		<td rowspan="3">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_27.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td colspan="3" rowspan="3"><font size="-1">48076124</font></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_29.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td>			<a href="http://www.szhr.com.cn/xfile/组团赴内地招聘.doc" target="_blank"><img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_30.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="2012组团招聘邀请函" border="0"></a></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td rowspan="2">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_31.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td colspan="8">			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/zhanhui_32.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>	</tr>	<tr>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td>			<img src="/static/imghw/default1.png"  data-src="http://www.szhr.com.cn/xfile/images/分隔符.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt=""></td>		<td></td>	</tr></tbody></table><!-- End Save for Web Slices -->	</body></html>

로그인 후 복사