DIV如表所示 - 在页面上显示多个表格。堆积在下面和左右

Question

我需要创建几个表来保存数据。结构如下图所示。表1和表2将位于第一行，表格之间必须有间隔。表3,4,5将在下一行中，并且表格之间应该存在一些间隙。

--------------   ------------------- 
|    |  |     | 
|    |  |     | 
|    |  |     | 
|    |  |     | 
| Table 1  |  |  Table 2  | 
|    |  |     | 
|    |  |     | 
|    |  |     | 
|    |  |     | 
|    |  |     | 
|    |  |     | 
---------------   ------------------- 

---------------   ---------------   --------------- 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
| Table 3  |  | Table 4  |  | Table 5  | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
|    |  |    |  |    | 
---------------   ---------------   --------------- 

这是我迄今试图做的，但它并不完美。任何帮助，将不胜感激。 https://jsfiddle.net/Leyzejfs/

Answer 1

这是一个有点怪问题（因为它目前还不清楚什么是你想要什么），但无论如何：只需添加一些margin的CSS规则.table

https://jsfiddle.net/1qyyeja5/1/

（你的jsfiddle中只有四个表格，而不是你的问题中绘制的五个表格，但原理相同）

但是，如果您的表格应该以某种格子排列，则可以将它们放入另一个“包装表”让他们对齐 - 水平和垂直，如 - 是：一张桌子...