将表格彼此相邻对齐答案

【问题标题】：Align tables next to eachothers将表格彼此相邻对齐
【发布时间】：2010-09-17 01:52:09
【问题描述】：

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

目前所有表格都在彼此下方对齐。这会产生一个巨大的垂直滚动，如果表格可以彼此相邻对齐，我会节省很多空间。

我该怎么做？

这是表格代码：

$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>";

谢谢

【问题讨论】：

标签： php html css

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：