Html 将签名中相邻的图像对齐
我正在为Gmail制作一个HTML签名,并且有一些图像对齐问题。在DW和Chrome中预览代码时,我会看到一些类似于第一张图像的东西。然而,当我将其复制到Gmail中时,它看起来是这样的: 代码如下:Html 将签名中相邻的图像对齐,html,css,signature,Html,Css,Signature,我正在为Gmail制作一个HTML签名,并且有一些图像对齐问题。在DW和Chrome中预览代码时,我会看到一些类似于第一张图像的东西。然而,当我将其复制到Gmail中时,它看起来是这样的: 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>psdtowebPSD2648.psd</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>psdtowebPSD2648.psd</title>
<link href="psdtowebPSD2648/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="mailto:sarahhughes@spear-fish.com">
<div id="SarahHughes"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/SarahHughes.png"></div></a>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<div id="BusinessDevelopmentM"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/BusinessDevelopmentM.png"></div>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<div id="spearfishlogov04"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/spearfishlogov04.png"></div>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<div id="divider"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/divider.png"></div>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="http://www.spear-fish.com/">
<div id="SpearFishcom"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/SpearFishcom.png"></div></a>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="https://twitter.com/spear_fish">
<div id="twitter"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/twitter.png"></div></a>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="https://www.linkedin.com/pub/dan-hooton/3/910/689">
<div id="linkedin"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/linkedin.png"></div></a>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<div id="divider"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/divider.png"></div>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="https://goo.gl/En7Cn9">
<div id="ASpearfishRadleyHous"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/ASpearfishRadleyHous.png"></div></a>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<div id="P443330555501M44"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/P443330555501M44.png"></div>
<td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td>
<a href="https://plus.google.com/u/0/100772955751868660892/posts">
<div id="G"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/G.png"></div></a></div>
psdtowebPSD2648.psd
尝试使用表格使所有内容正确对齐:
<table>
<tr>
<td colspan=3><a href="mailto:sarahhughes@spear-fish.com"><img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/SarahHughes.png"></a>
</td>
</tr>
<tr>
<td colspan=3>
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/BusinessDevelopmentM.png">
</td>
</tr>
<tr>
<td>
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/spearfishlogov04.png">
</td>
<td>
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/divider.png">
</td>
<td>
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/SpearFishcom.png">
</td>
</tr>
<tr>
<td colspan=3><a href="https://goo.gl/En7Cn9">
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/ASpearfishRadleyHous.png"></a>
</td>
</tr>
<tr>
<td colspan=3>
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/P443330555501M44.png">
</td>
</tr>
<tr>
<td colspan=3><a href="https://twitter.com/spear_fish">
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/twitter.png"></a>
<a href="https://www.linkedin.com/pub/dan-hooton/3/910/689">
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/linkedin.png"></a>
<a href="https://plus.google.com/u/0/100772955751868660892/posts">
<img src="http://thegaminggeek.co.uk/wp-content/uploads/2015/06/G.png"></a>
</td>
</tr>
</table>
oops开始的时间被缩短了。下面是它在DW/Chrome中的外观与Gmail中的外观的比较。你开始交替使用TDs和DIV,为什么不坚持使用一个而不是随机混合使用它们呢?还有,你的HTML格式要好一点。@TomKriek是的,就像我说的,我真的不是很有知识。你能帮忙吗?非常感谢,非常感谢!