HTML多表放置

时间:2012-10-25 03:20:35

标签: html html-table

我有3个单独的HTML表格。 我需要并排放置其中的两个,右侧桌子下方的第三个桌子。 我当前的HTML表格位置:

[table1] [table2]
(空)[table3]

但是现在我面临的问题是表2和表3太靠近了,我需要在表2和表3之间留有空隙 它应该是这样的:

[table1] [table2]

(空)[table3]

我已经尝试了很多方法,非常感谢任何帮助! *请注意,表格是3个分隔表。
*无法上传我当前桌面的图片,缺乏代表

2 个答案:

答案 0 :(得分:2)

请尝试这个你也可以使用表格里面的表,但这是个坏主意。

<div id="main">
      <div id="left" style="float:left;">table1<div>
      <div id="right" style="float:left;">table2<div>
      <div id="bottom" style="float:right;width:sameastable2div;padding-top:2px;">table3<div>
<div>

答案 1 :(得分:0)

您可以对正在使用的主表使用表属性cellspacing,以便在表格单元格之间留出空间。

  <table border="1" cellspacing="5">
    <tr><td><table></table></td><td><table></table></td></tr>
    <tr><td></td><td><table></table></td></tr>
  </table>