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中只有四個表格，而不是你的問題中繪製的五個表格，但原理相同）

但是，如果您的表格應該以某種格子排列，則可以將它們放入另一個「包裝表」讓他們對齊 - 水平和垂直，如 - 是：一張桌子...