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”内）？

将表彼此对齐

2 个答案: