(HTML) 表格的边距底部?

Posted

技术标签:

【中文标题】(HTML) 表格的边距底部?【英文标题】:(HTML) Margin bottom for tables? 【发布时间】:2018-04-16 14:01:36 【问题描述】:

我正在制作一封 html 电子邮件,加载这些电子邮件的程序不接受单独的 CSS 文件,因此所有内容都必须内联。由于某种原因,表格的边距不起作用。我只需要一张桌子底部和下一张桌子之间的空隙。

到目前为止我所拥有的:

<table  margin-bottom="50" cellpadding=8 cellspacing=0 border=0>
  //contents of table
</table>

<table  cellpadding="0" cellspacing="0" border="0">
  //contents of next table
</table>

根本没有创建间隙。

这行得通:

<table  cellpadding=8 cellspacing=0 border=0>
  //contents of table
</table>

<br>

<table  cellpadding="0" cellspacing="0" border="0">
  //contents of next table
</table>

我也尝试了 padding-bottom,也没有做任何事情。

那么使用&lt;br&gt; 是唯一的方法吗?好像有点尴尬。

【问题讨论】:

这与我的问题完全无关。我已经在使用内联样式(字面意思是我问题的第一句话)并使用表格。 【参考方案1】:

您使用边距的方式不正确。边距必须在样式属性内。其他属性是特定于表的属性,通常只能直接在表上使用。你可以使用边距,但如果我是你,我会使用 &lt;br/&gt; 标签,因为所有设备都会以相同的方式呈现它。某些电子邮件系统(如 Outlook)的边距可能有点不确定。

<table  style="margin-bottom:50px;" cellpadding=8 cellspacing=0 border=0>
  //contents of table
</table>

<table  cellpadding="0" cellspacing="0" border="0">
  //contents of next table
</table>

【讨论】:

以上是关于(HTML) 表格的边距底部?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Matplotlib 中扩展图形底部的边距?

CSS网格,插入图像时底部的边距[重复]

到达页面底部后更改固定定位元素的边距顶部位置?

为啥子div的边距会影响父div的边距? [复制]

CSS 表格 - 添加边距列和行边框底部

绝对定位 div 的边距底部在 Chrome 中工作,但在 Safari 或 Firefox 中不可用