把两个表放在同一行html

问题描述：

我该怎么把两张表放在同一行？下面的代码显示我的表格转到新行。请帮帮我。我想在html把两个表放在同一行html

这是我的表格。我希望把它们放在同一行

enter image description here

，这是我的代码

<table border="1"> 
    <tr> 
     <td><b>#</b></td> 
     <td><b>Request ID</b></td> 
     <td><b>Title</b></td> 
     <td><b>Importance</b></td> 
     <td><b>Date</b></td> 
     <td><b>Status</b></td> 
     <td><b>View/Reply</b></td> 
    </tr> 

    <?php 
    $a=1; 
    $res = mysql_query("SELECT * FROM request WHERE req_status = 'UNDONE' ORDER BY req_status DESC,req_important ASC,req_dateReceive DESC"); 
    while ($row = mysql_fetch_array($res)){ ?> 

    <tr> 
     <td><?php echo $a; ?></td> 
     <td><?php echo $row['req_id']; ?></td> 
     <td><?php echo $row['req_title']; ?></td> 
     <td><?php echo $row['req_important']; ?></td> 
     <td><?php echo $row['req_dateReceive']; ?></td> 
     <td><b><?php echo $row['req_status']; ?></b></td> 
     <?php 
     if($row['req_status'] == "UNDONE") { ?> 
      <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
     <?php 
     } 
     else { ?> 
      <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
     <?php 
     } 
     ?> 
    </tr> 
    <?php 
    $a++; 
    } ?> 
    </table> 

    <td> 
    </td> 


     <table border="1"> 
    <tr> 
     <td><b>#</b></td> 
     <td><b>Request ID</b></td> 
     <td><b>Title</b></td> 
     <td><b>Importance</b></td> 
     <td><b>Date</b></td> 
     <td><b>Status</b></td> 
     <td><b>View/Reply</b></td> 
    </tr> 

    <?php 
    $a=1; 
    $res = mysql_query("SELECT * FROM request WHERE req_status = 'DONE' ORDER BY req_status DESC,req_important ASC,req_dateReceive DESC"); 
    while ($row = mysql_fetch_array($res)){ ?> 

    <tr> 
     <td><?php echo $a; ?></td> 
     <td><?php echo $row['req_id']; ?></td> 
     <td><?php echo $row['req_title']; ?></td> 
     <td><?php echo $row['req_important']; ?></td> 
     <td><?php echo $row['req_dateReceive']; ?></td> 
     <td><b><?php echo $row['req_status']; ?></b></td> 
     <?php 
     if($row['req_status'] == "UNDONE") { ?> 
      <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
     <?php 
     } 
     else { ?> 
      <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
     <?php 
     } 
     ?> 
    </tr> 
    <?php 
    $a++; 
    } ?> 
    </table>

发布您的HTML和CSS;你的PHP与这个问题无关。 – j08691 2014-09-10 15:37:12

仔细看。有我的html代码。那

。 ==' – lightyagami 2014-09-10 15:38:09

我可以看到你的HTML *穿插在PHP *中，但它与你的问题无关。我们只需要呈现的HTML和您的CSS。 – j08691 2014-09-10 15:41:40

回答

非CSS的解决方案。（如需要）

做一个表，并把自然落入列

<table> 
    <tr> 
    <td> 
     <table> 
     <!-- LEFT TABLE --> 
     </table> 
    </td> 
    <td> 
     <table> 
     <!-- RIGHT TABLE --> 
     </table> 
    </td> 
    </tr> 
</table>

一个小区内的每个表

这将是更好地漂浮一些div作为列，而不是虽然

CSS

.floatLeft { 
    width: 50%; 
    float: left; 
}

HTML

<div class="floatLeft"> 
    <table></table> 
</div> 
<div class="floatLeft"> 
    <table></table> 
</div>

好吧，我明白了。但如何让外部桌子看不见？它有点混乱。 – lightyagami 2014-09-10 16:04:40

如果您将样式应用于所有表格，并且它适用于新创建的表格，请仅使用类 – 2014-09-10 16:06:06

将样式应用于子表格，那么如何帮助外部表格不可见？我应该在css上面声明与table类不同的table类吗？ – lightyagami 2014-09-10 16:13:32

使用下面的代码：

table.twoinline { 
    width: 49% 
} 

<table class="twoinline"> 
... 
... 
... 
</table> 
<table class="twoinline"> 
... 
... 
... 
</table>

我可以使用html吗？我没有真正做好css :) – lightyagami 2014-09-10 15:40:33

是的，就像这样使用它：

– Chico30012014-09-10 15:41:32

我应该在哪里声明这个表格样式？以上

？ – lightyagami2014-09-10 15:44:44

display:inline-table;

Demo Fiddle here。

Documentation here。

也许这样？（缩进差）：

<style type="text/css" media="screen"> 
     table { border: 1px solid black;float:left;width:148px;} 
    #table_container{width:300px;margin:0 auto;} 
</style> 

    <div id="table_container"> 
    <table> 
    <tr> 
     <th>#</th> 
     <th>Request ID</th> 
     <th>Title</th> 
     <th>Importance</th> 
     <th>Date</th> 
     <th>Status</th> 
     <th>View/Reply</th> 
    </tr> 
    <?php 
    $a=1; 
    $res = mysql_query("SELECT * FROM request WHERE req_status = 'UNDONE' ORDER BY req_status  DESC,req_important ASC,req_dateReceive DESC"); 
    while ($row = mysql_fetch_array($res)){ ?> 
     <tr> 
     <td><?php echo $a; ?></td> 
     <td><?php echo $row['req_id']; ?></td> 
    <td><?php echo $row['req_title']; ?></td> 
    <td><?php echo $row['req_important']; ?></td> 
    <td><?php echo $row['req_dateReceive']; ?></td> 
    <td><b><?php echo $row['req_status']; ?></b></td> 
    <?php 
    if($row['req_status'] == "UNDONE") { ?> 
     <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
    <?php 
    } 
    else { ?> 
     <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
    <?php 
    } 
    ?> 
</tr> 
<?php 
$a++; 
    } ?> 
    </table> 
    <table> 
    <tr> 
    <th>#</th> 
    <th>Request ID</th> 
    <th>Title</th> 
    <th>Importance</th> 
    <th>Date</th> 
    <th>Status</th> 
    <th>View/Reply</th> 
</tr> 
<?php 
$a=1; 
$res = mysql_query("SELECT * FROM request WHERE req_status = 'DONE' ORDER BY req_status DESC,req_important ASC,req_dateReceive DESC"); 
while ($row = mysql_fetch_array($res)){ ?> 

<tr> 
    <td><?php echo $a; ?></td> 
    <td><?php echo $row['req_id']; ?></td> 
    <td><?php echo $row['req_title']; ?></td> 
    <td><?php echo $row['req_important']; ?></td> 
    <td><?php echo $row['req_dateReceive']; ?></td> 
    <td><b><?php echo $row['req_status']; ?></b></td> 
    <?php 
    if($row['req_status'] == "UNDONE") { ?> 
     <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
    <?php 
    } 
    else { ?> 
     <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
    <?php 
    } 
    ?> 
    </tr> 
    <?php 
    $a++; 
    } ?> 
    </table> 

    </div>

1. 把两个ajax请求的数据放在一个样式里
2. IDEA把多个项目放在同一个工作空间下
3. Word文档中同一行放置两个图片且标题在同一行的方法
4. 在ps中画两个同心圆而且把两个同心圆进行任意角度切割
5. Google 为什么把几十亿行代码放在一个库
6. Google 为何把几十亿行代码放在一个库？
7. 同一台电脑运行两个tomcat
8. 两个IP地址在同一子网
9. premiere如何把多个视频放在同一个视频画面
10. IDEA如何把多个项目放在同一个工作空间下
11. Panel上放两个ToolBar两行显示
12. 把两个表中不相同的字段名称列出来
13. css如何让两个div并列在同一行
14. 如何在一台机器上同时运行两个tomcat
15. nginx日志切割（把同一个域名的日志文件放在同一个文件夹下）

16. 怎么把js和css放在一个公共模板中导入html
17. 修改同一张表的同一个字段的两个不一样的值。
18. 为什么element el-table组件把表头放在第一行不放在第一列
19. 一张表中把两个字段相同的数据合并（listagg函数）
20. Antd 表单一行显示两个input
21. sql一张表中两个字段指向同一个外键
22. 两张图片同行一张在左一张在右
23. sql语句:同一张表两个相同外键查询
24. html中两个选择框如何并排放置（一）
25. eclipse中把多个项目放在一个work set下
26. 两个文件，同时一行行读取，进行操做

把两个表放在同一行html

回答

相关问题

相关问题

相关问题

相关推荐