在网页设计中,往往需要使用table来排列页面元素。但是,当一个页面需要使用多个table时,这些table的对齐就成了一个问题。在CSS中,我们可以使用float、display和position等
<table>
<tr>
<td>表格1</td>
</tr>
<tr>
<td>表格1-内容1</td>
<td>表格1-内容2</td>
</tr>
</table>
<br>
<table>
<tr>
<td>表格2</td>
</tr>
<tr>
<td>表格2-内容1</td>
<td>表格2-内容2</td>
</tr>
</table>
table {
width: 50%;
float: left;
margin-right: 2%;
}
table:nth-child(2) {
clear: both;
}
粉丝
0
关注
0
收藏
0