有时候我们需要把两个单独的表格并排排列,但是当我们连续插入两个表格的时候,表格会自动分成上下排列,如何解决这个问题呢?
方法一:利用表格的嵌套(我们可以先做一个一行两列的表格,然后在这个表格的每个单元格里在插入一个表格就行了)
详细的操作步骤如下:
1、单击“插入表格”按钮,插入一个1行2列的表格,相关属性设置是: 边框粗细、单元间距、单元边距都设为0 表格宽度可以默认为100%,也可以设成固定值,本例设为440像素。
2、在这个表格的每个单元格里再分别插入一个1行1列的表格,相关属性设置是: 边框粗细设为1,单元间距和单元边距设为0 表格宽度设为98%,也可以设成固定值,本例设为200像素
效果如下:
代码如下: <table width="440" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table> </td> <td> <table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table> </td> </tr> </table>
(推荐)第二种方法:连续插入两个表格后,将第一个表格(注意,是表格而不是单元格)的水平对齐方式设置为“左对齐"”就ok了!)
详细的操作步骤如下:
1、单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是: 边框粗细设为1, 单元间距和单元边距设为0, 对齐方式设为左对齐, 表格的宽度设为50% 2、再次单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是: 边框粗细设为1, 单元间距和单元边距设为0, 表格的宽度设为50%
效果如下:
代码如下: <table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1" align="left"> <tr> <td> </td> </tr> </table> <table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table>
|