删除 html 表格中单元格的空格

发布于 2024-12-07 15:25:40 字数 435 浏览 0 评论 0原文

我有一个 html 表，

<table width="600" cellspacing="0" cellpadding="0">
<tr>
  <td><img src="image.jpg" width="600" height="170" style="padding:0; margin:0;"></td>
</tr>
<tr>
 <td>
  <p style="padding:0; margin:0;">Text</p>
 </td>
</tr>
</table>

尽管指定了填充，边距为 0。我可以在 Outlook 2003、2002 电子邮件客户端中看到图像和文本之间的一些空白。

我该如何摆脱它？

原文

I have an html table as

<table width="600" cellspacing="0" cellpadding="0">
<tr>
  <td><img src="image.jpg" width="600" height="170" style="padding:0; margin:0;"></td>
</tr>
<tr>
 <td>
  <p style="padding:0; margin:0;">Text</p>
 </td>
</tr>
</table>

Inspite of specifying the padding, margin as 0. I can see some white space between the image and the Text in Outlook 2003, 2002 email clients.

How do I get rid of it?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

人间不值得 2024-12-14 15:25:40

您很可能会看到的行高。使用以下 CSS 删除它以及任何空格：

/* Gets rid of table cell whitespace */
table td {
  line-height: 0;  
  font-size: 0;
}

/* Sets the font and line height correctly for the paragraph of text */
table td p {
  line-height: 14px;
  font-size: 14px;   
}

您可以在此处查看它的实际效果。

You're most likely seeing line-height of the <td>. Use the following CSS to remove it, along with any whitespace:

/* Gets rid of table cell whitespace */
table td {
  line-height: 0;  
  font-size: 0;
}

/* Sets the font and line height correctly for the paragraph of text */
table td p {
  line-height: 14px;
  font-size: 14px;   
}

You can see it in action here.

回复收藏 0 原文