Question

我在页面上有几个表，并且希望表之间有一些空间。某些表可能只包含空单元格；这样的桌子的高度为零，在这种情况下，我不想添加任何额外的间距。

通常，保证金崩溃可以解决问题。但是，我正在收集表格建立块格式化上下文（BCF），并且在建立BCF的框之间不会发生页边距折叠的情况。

您可以在下面的代码段中看到它：您在“ 1”和“ 2”之间有一个1em空格，而在“ 2”和“ 3”之间有一个2em空格。 d总是希望有一个1em空间。但是如何实现呢？

PS：我必须处理一些约束：我无法删除空表的标记或在其上添加类。但是，我可以为每个表添加一个容器，例如<div>。（我希望这样做，并在容器上移动margin-bottom可以达到目的，但事实并非如此，也许是因为如果一个块建立了一个BFC，那么它的父母也会这样做。）最后，我可以当然可以编写JavaScript，在非空表上添加带有空白的类，但是不要认为这是可以接受的解决方案。

table { margin-bottom: 1em }

<table><tr><td>1</td></tr></table>
<table><tr><td>2</td></tr></table>
<table><tr><td></td></tr></table>
<table><tr><td>3</td></tr></table>

Answer 1

有趣的问题。不容易。 https://codepen.io/MSCAU/pen/jQLWxL这样的东西怎么样？间隔框为灰色以显示正在发生的情况：

pd.DatetimeIndex(df.datetime).asi8

在示例中，每个表中只有一个单元格，因此可以正常工作。

表格之间的边距崩溃

1 个答案: