如何在表头下放置水平规则？

Question

我试图<hr />在表头下放置一个水平规则<th>,但几乎没有成功.这可能没有黑客吗？

这是HTML我正在使用的和我尝试过的东西

<div id="epd" class="editProfileDiv">    
    <form>
        <table align="center">
            <th> Profile Information </th>
            <tr> 
                 <hr />                  
            </tr>
            <tr>
                <td>Name: </td>        
                <td><input id="name" name="name" value="<?php echo $_SESSION['name'];?>" placeholder=" Jon Doe" type="text" class=""></td>
            </tr> 

该代码在浏览器中显示如下

----<hr/> is here----
 Profile Information
 Name:  <text input>

然后我尝试了这个

<th> Profile Information </th>
<hr />                  
<tr><td> something here </td></tr>

哪个具有完全相同的结果,它<hr/>位于表头之上

还有这个...

<tr> 
  <td> <hr /> </td> // If I only use one it only spans half the width of the table
  <td> <hr /> </td>                  
</tr>

它放在<hr/>正确的位置,但它们之间显然存在差距,这不是我想要的.

现在我知道我可以不使用表头,并使用常规段落或任何文本,然后根据我的需要设置样式.在这一点上,它只是校长,因为这是在困扰我.再次,问题是:这可能吗？

Answer 1

试试这个:

<tr> 
  <td colspan="2"> <hr /> </td>      
</tr>