两个并排的表格 - 网页教程 - 泉州网站建设-自助建站-外贸网站建设
两个并排的表格
来源:泉州网站建设 作者:轩奇网讯 发布时间 2008-03-10 转载请注明来自泉州网络公司

有时候我们需要把两个单独的表格并排排列,但是当我们连续插入两个表格的时候,表格会自动分成上下排列,如何解决这个问题呢?

方法一:利用表格的嵌套(我们可以先做一个一行两列的表格,然后在这个表格的每个单元格里在插入一个表格就行了)

详细的操作步骤如下:

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>

[ 点击数:] [打印本网页] [关闭本窗口]
 

企业网站定制自助建站申请

相关内容
    查无记录
轩奇网讯网络科技有限公司!专业服务于泉州中小企业网站建设、网页设计、自助建站、平面设计、企业推广等服务,帮助企业组建良好的网络市场,树立良好的网上企业形象!轩奇网讯为企业、个人提供优质的网站建设、网页设计、自助建站、网络推广、商业网站策划和平面设计以及网站推广等全套企业上网电子商务全程服务。
公司服务热线:0595-22519051   业务QQ:875738395   业务QQ:691096865  业务QQ:1206025406    E-mai:admin@0595zx.net
地址:福建省泉州市桥南片区南天裕景3幢2梯2205 邮编:362000
总机:0595-22519051 传真:0595-22927208 业务咨询:13559621427 业务咨询:13328992520
业务QQ销售:875738395 业务QQ销售:1206025406 技术支持:691096865
友情连接交换PR >= 3 在线QQ:875738395.定期查询
2005-2010 泉州轩奇网络有限公司
闽ICP备:08001315号
国际联网备案编号:44030000129642
轩奇网讯