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>，让我知道是否有效。欢呼声。

Answer 2

将vertical-align: middle添加到包裹a的{{1}}。

JSFIDDLE

我已经为名为img的{{1}}添加了一个课程，并且我已经在CSS的第一行设置了它。

Answer 3

空间来自这里：

<b>odd numbers</b>
</br>
    <tr>
        <td> &nbsp;odd numbers</td>

    </tr>
            <?php $d=0 ?>

    <?php foreach ($result as $res) { ?>
    <?php $y = $res['o_number'];
            if ($y %3==0){
          echo "<td bgcolor='green'>" .$res['o_number']." </td>";

   } else{
    echo "<td bgcolor='white'>".$res['o_number']." </td>" ;

   }?> 
  <?php  $res['o_number']; ?>
        </tr>
        <?php   $d+=$res['o_number'];?>
        </tr>
    <?php } ?>
        <td> <b>Sum</b></td>
    </tr>
   <tr>
    <td> <?php echo $d ; ?> </td>
 </tr>

 </table>

Answer 4

只需为td添加一个类并删除td的行高

<html>
   <td class="remove_space">
       <a href="https://www.google.dk" target="_blank">
          <img width="500" height="250" src="http://animalhumanhealth.com/wp-content/uploads/2016/07/racoon1.png" alt="test"></a>
   </td>
</html>


<style>

table.twelve td.remove_space {
line-height: 0;
}

</style>

Answer 5

删除图片周围锚标记的display: inline-block CSS属性。

td标签下的空格

5 个答案: