Question

我第一次做了一些HTML，创建了一个电子邮件签名。

<font face ="Calibri"> Regards,<br>
Daniel Steele </font>
<p> <font face ="Calibri" size="4"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Systems Developer </font>
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
  <TR>
    <TD WIDTH="306" HEIGHT="106" BACKGROUND="http://i.imgur.com/VGY3iMz.png" VALIGN="centre"><font size="1"> <br />
      <br />
      <br />
      </font> <font face ="Calibri" size="3" color="#FFFFFF"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 01753 480818 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0787251 2509 </font>
  </TR>
</TABLE>

这很直接。但是，作业标题和图像之间存在很大的空间。我无法解决如何摆脱它！任何想法/解决方法？

Answer 1

由于CSS标记的自动<p>，这种情况正在发生您所要做的就是将style="margin: 0;"添加到<p>，如下所示：

<p style="margin: 0;"> <font face ="Calibri" size="...etc

这是demo

Answer 2

更好地使用表格。请记住，而不是<br>，你可以关闭你的td和tr并创建一个新的tr。这段代码按照我建议您在html-email中执行的操作

<table cellpadding="0" CELLSPACING="0" border="0" style="border-collapse:collapse">
  <tr>
    <td>
      <font face ="Calibri">
        Regards,
      </font>
    </td>
  </tr>

  <tr>
    <td>
      <font face ="Calibri">
        Daniel Steele 
      </font>
    </td>
  </tr>

  <tr>
    <td>
      <p>

        <font face ="Calibri" size="4">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Systems Developer 
        </font>
      </p>
    </td>
  </tr>
  <tr>
    <td>
      <TABLE BORDER="0" cellpadding="0" CELLSPACING="0" style="border-collapse: collapse;">
        <TR>
          <TD WIDTH="306" HEIGHT="106" BACKGROUND="http://i.imgur.com/VGY3iMz.png" VALIGN="centre">
            <font size="1">

              <br />
              <br />
              <br />
            </font>

            <font face ="Calibri" size="3" color="#FFFFFF">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 01753 480818 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0787251 2509 
            </font>
          </TD>
        </TR>
      </TABLE>
    </td>
  </tr>

</table>

也可以在那里创建一个空的td而不是使用太多空格（记得在空的tds中使用一个）。不会为你这样做：P，祝你好运。

**

Demo

**

我如何摆脱这个空白？

2 个答案:

Demo