html - td 标签下的空格

Question

我正在使用电子邮件的基础框架

我有一个 Test Page .在浣熊图片的正下方，有一个空白，我需要将其删除，所以只有图片。我将高度设置为 250px，图片就是这样。我查看了我的 css，看看是否有一些填充可以做到这一点。但是我没有找到任何东西。

基础有很多CSS，所以我做了一个fiddle :

谁能看出为什么有一条白线？

相关 HTML

<table class="row background-color__yellow">
  <tr>
    <td class="center" align="center">
      <center>
        <table class="container">
          <tr>
            <td class="wrapper last">
              <table class="twelve columns background-color__yellow">
                <tr>
                  <td style="padding-top: 30px;">
                    <h3 class="headline">Kære flet[navn] flet[efternavn]</h3>
                    <br/>
                    <span>Tak for din reservation på [Flet. Har du spørgsmål, er du velkommen til at kontakte os. Vi har åbent alle hverdage mellem kl. 8.30 og kl. 16.00.
                    </span>
                    <br><br>
                    <span>
                      Vi ønsker dig et rigtig dejligt ophold
                    </span>
                    <span>Med venlig hilsen</span>
                    <br/>
                    <span>Name</span>
                    <br/><br/>
                    <span>[flet if/else statement] PS: Det er gratis at blive medlem af vores gæsteklub, hvor du optjener point på ophold og får adgang til et væld af gode tilbud. </span>
                    <br/><br/>
                    <span>[flet]<a href="https://www.google.dk/benefits/login/">Klik her for at læse mere og tilmelde dig</a></span>
                    <br/><br/>

                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>   

Answer 1

放一个 style="line-height:0"
在顶部<td>的图像，让我知道是否有效。干杯。