将两个表放在同一行html中 [英] put two table in same line html

问题描述

我应该如何将两张桌子放在同一行?下面的代码显示我的表格转到新行.请帮我 .我想要html

how i supposed to put two table in same line ? this codes below show my table go to the new line. please help me . i want in html

这是我的桌子.我想把它们放在一行中

this is my tables . i want put them in one line

这是我的密码

  <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>

推荐答案

非CSS解决方案.(按要求)

A non CSS solution. (as requested)

制作一张桌子，然后将每张桌子放在自然属于列的单元格中

Make one table, and place each table within a cell that naturally falls into columns

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

---

最好将一些divs浮动为列

---

It would be better to float some divs as columns instead though

CSS

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

HTML

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

---

这篇关于将两个表放在同一行html中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！