html问题要在另一个表旁边移动表格
|
我有两张桌子。一个高于另一个。我想将底部表格移到顶部表格的右侧。现在，当我运行服务器时，顶层表格位于底层表格上方。有没有办法将底桌移动到顶桌的右侧？
<table>
<tr><th>Type</th><th>Quantity</th></tr>
</tr><td>Tape + Film</td><td>{{total_tape_and_film_items}}</td></tr>
</tr><td>Electrical Equipment</td><td>{{total_electrical_equipment_items}}</td></tr>
</tables>
<table>
<tr><th></th><th>Status</th><th>Quantity</th></tr>
<tr><td><a id=\"new_client\" href=\'{% url tiptop.views.in_items client.pk%}\'/>View</a></td><td>In</td><td>{{in_items|length}}</td</tr>
<tr><td><a id=\"new_client\" href=\'{% url tiptop.views.out_items client.pk%}\'/>View</a></td><td>Out</td><td>{{out_items|length}}</td</tr>
<tr><td><a id=\"new_client\" href=\'{% url tiptop.views.empty_items client.pk%}\'/>View</a></td><td>Empty</td><td>{{empty_items|length}}</td</tr>
</table>
没有找到相关结果
已邀请:
4 个回复
街茬
更改为在最后一个之后添加。这是为了确保第二张表的右边没有内容。勘掸府迫路
table { float:left; width:400px; }死搭胯
<div style=\"width: 400px;\"> <div style=\"width: 200px; float: left;\"> <table> <tr><th>Type</th><th>Quantity</th></tr> </tr><td>Tape + Film</td><td>{{total_tape_and_film_items}}</td></tr> </tr><td>Electrical Equipment</td><td>{{total_electrical_equipment_items}}</td></tr> </tables> </div> <div style=\"width: 200px; float: left;\"> <table> <tr><th></th><th>Status</th><th>Quantity</th></tr> <tr><td><a id=\"new_client\" href=\'{% url tiptop.views.in_items client.pk%}\'/>View</a></td><td>In</td><td>{{in_items|length}}</td</tr> <tr><td><a id=\"new_client\" href=\'{% url tiptop.views.out_items client.pk%}\'/>View</a></td><td>Out</td><td>{{out_items|length}}</td</tr> <tr><td><a id=\"new_client\" href=\'{% url tiptop.views.empty_items client.pk%}\'/>View</a></td><td>Empty</td><td>{{empty_items|length}}</td</tr> </table> </div> <div style=\"clear: both;\"></div> </div>磋判粗惊
。这将使它们的行为类似于外部的内联元素，而内部的类似于块级元素。您还需要显式设置表的宽度以及包含块的宽度，除非您希望在空间不足时将第二个表弹出到第一个表的下方。