Html 如何使和中所有行的高度相同？

我有一个固定的前4列和所有滚动休息表。 本规范的适用范围如下：

   <table border="1" cellspacing="1" cellpadding="1" id="outerTable">
        <thead valign="top">
            <tr>
                <td>S.No.</td>
                <td>Agent </br>name</br>&nbsp;</td>
                <td>Port / Offices</td>
                <td>Address</td>
            </tr>
           <?php            
                while($row1 = mysql_fetch_assoc($agent_res))
                {   
                  ?>
                    <tr valign="middle">
                        <td><?php echo $row1['agent_no'] ?></td>
                        <td><?php echo $row1['agent_name'] ?></td>
                        <td><?php echo $row1['port'] ?></td>
                        <td><?php echo $row1['address'] ?></td>
                    </tr>
                 <?php
                }

        ?>   
         </thead>
         <tbody valign="top">
            <tr>
                <td>Tel</td>
                <td>Fax</td>
                <td>Contact</td>
                <td>Email Address</td>
                <td>Website Address</td>
                <td>Strength Ocean Air BB</td>
                <td>Communication / Response Time</td>
                <td>Rate Competitiveness</td>
                <td>Expertise in Execution</td>
                <td>Nominations</td>
                <td>Financial Dealing</td>
                <td>Country Network</td>
                <td>Network Assoc.</td>
                <td>Agency Agreement</td>
                <td>Average Score</td>
                <td>Origin Charges</td>
                <td>Destn Charges</td>
            </tr>
               <?php
                mysql_data_seek($agent_res, 0);

                        while($row2 = mysql_fetch_assoc($agent_res))
                        {   
                            ?>  
                            <tr>
                                <td><?php echo $row2['tel'] ?></td>
                                <td><?php echo $row2['fax'] ?></td>
                                <td><?php echo $row2['contact'] ?></td>
                                <td><?php echo $row2['email_id'] ?></td>
                                <td><?php echo $row2['website_address'] ?></td>
                                <td><?php echo $row2['strength_ocean_air_bb'] ?></td>
                                <td><?php echo $row2['communication_or_responce_time'] ?></td>
                                <td><?php echo $row2['rate_competitiveness'] ?></td>
                                <td><?php echo $row2['expertise_in_execution'] ?></td>
                                <td><?php echo $row2['nominations'] ?></td>
                                <td><?php echo $row2['financial_dealing'] ?></td>
                                <td><?php echo $row2['country_network'] ?></td>
                                <td><?php echo $row2['network_assoc'] ?></td>
                                <td><?php echo $row2['agency_agreement'] ?></td>
                                <td><?php echo $row2['avg_score'] ?></td>
                                <td><?php echo $row2['origin_charges'] ?></td>
                                <td><?php echo $row2['destination_charges'] ?></td>
                            </tr>     
                            <?php
                        }
                ?>
                </tbody>
            </table>

我得到的结果如下：

和中的行未显示在同一行中。 我想要两个和相同的行的高度。 在这方面，谁能帮我一个忙呢。 提前谢谢。

---

等待您的回复。

听起来可能很傻，但您是否尝试过在css中设置高度？@Anand Jaju使用css而不是html中的标记，这也将解决您的问题problem@DeclanGreally：数据来自数据库，我们无法预测数据的高度。那么我们如何使用height属性呢？将minheight设置为a可能会起作用。或者展开列。因为这个原因，表没有对齐。如果你看，你可以看到网站地址是双线的，增加了盒子的高度，下面的网站也是如此。

table#outerTable thead, table#outerTable tbody {
            display:inline-block;
        }

        table#outerTable tbody {
            width: 500px;
            overflow-x: scroll;
        }