将表格彼此对齐

Question

我有一个循环，根据数据库内容生成表。 换句话说，内容一直在变化。

当前，所有表格都在彼此下方对齐。 这使一个巨大的垂直滚动成为可能，如果表格可以彼此并排对齐，则可以节省很多空间。

我该怎么办？

这是表代码：

$display="<table align='left'>
                <tr>
                    <td>Found $tot_rows records
                    </td>
                </tr>";
            foreach ($results->response->docs as $doc)
            {
                $display.="<tr>
                        <td align='center'><table align='left' class='table_bg'><tr><td>FIELD NAME</td><td>VALUE</td></tr>";
                foreach ($doc as $field => $value)
                {       
                    $display.= "
                    <tr>
                    <td>".htmlspecialchars($field, ENT_NOQUOTES, 'UTF-8')."</td>
                    <td>".htmlspecialchars($value, ENT_NOQUOTES, 'UTF-8')."</td>
                    </tr>";
                }
                $display.="</table></td></tr>";
            }
         }// end if $results
        $display.="</table>";

谢谢

Answer 1

像这样将每个表放入div中：

<div class="tables"><table>...</table></div>
<div class="tables"><table>...</table></div>
<div class="tables"><table>...</table></div>

然后，在您的CSS中：

<style>
...
.tables {
   float: left;
   display: inline-block;
}
...
</style>

Answer 2

将每个表放在一个大外部表的单元格中（“ td” -s在一个“ tr”内）？