Question

我正在做一个html简报，我有两张桌子居中对齐。它们之间存在2或3px的白线，我无法将其删除。第一个表包含“img”，第二个表只包含文本。我能尝试什么？

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" style="padding:0px;margin:0px;border:0px;vertical-align: bottom;">
  <tbody style="vertical-align: bottom;margin: 0;padding: 0;">
         <tr style="vertical-align: bottom;padding: 0;margin: 0;">
        <td style="vertical-align: bottom;margin: 0;padding: 0;">
          <img style="margin: 0;width: 100%;vertical-align: bottom;padding: 0;" src="www.img.com/900x300.jpg">
        </td>
       </tr> 
    </tbody>
  </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" style="padding:0px;margin:0px;border:0px;vertical-align: top;">
  <tbody style="vertical-align: top;margin: 0;padding: 0;">
    <tr style="vertical-align: top;margin: 0;padding: 0;">
      <td style="width: 900px;height: 160px;background-color: #2681ff;padding: 29px 23px 27px 36px;vertical-align: top;">
        <p style="width: 841.7px;height: 104px;font-family: ArialMT;font-size: 17px;line-height: 1.5;color: #ffffff;text-align: center;">
          BLA BLA BLA BLA
       </p>
    </td>
  </tr> 
 </tbody>
</table>

Answer 1

HTML可以看到一个空格，您可以通过在其间注释空格来删除它。

</table><!--

--><table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" style="padding:0px;margin:0px;border:0px;vertical-align: top;">

希望有所帮助......

html - 无法删除表之间的空格

1 个答案: