2017-05-29 35 views
1

我试图让平扫变薄:为什么不能将两个表格放在一个HTML中?

<table> 
<tr> 
<td> 
<table> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
    <tr> 
    <td>John</td> 
    <td>Doe</td> 
    <td>80</td> 
    </tr> 
</table> 


<table> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
    <tr> 
    <td>John</td> 
    <td>Doe</td> 
    <td>80</td> 
    </tr> 
</table> 
</td> 
</tr> 
</table> 

这是一个表中的两个表。 我试图让他们成为一个靠近另一个,但相反,表格是在其他下。 为什么它会这样,我该如何解决这个问题?

+0

使用浮动:左和float:右侧各有一个,并确保他们并排适合侧(包括利润和填充) – AthMav

回答

1

你必须保持在表中的每个<td>象下面这样:

<table> 
<tr> 
<td> 
<table> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
    <tr> 
    <td>John</td> 
    <td>Doe</td> 
    <td>80</td> 
    </tr> 
</table> 
//changes made here 
</td> 
<td> 

<table> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
    <tr> 
    <td>John</td> 
    <td>Doe</td> 
    <td>80</td> 
    </tr> 
</table> 
</td> 
</tr> 
</table> 
相关问题