主题:  怎样使页面中的表格居中?

人淡如菊

职务:普通成员
等级:1
金币:0.0
发贴:248
#12004/7/18 15:46:26
我在做网页的时候做了一个布局表格,在其中又做了一个小的布局表格,我想要的效果是让小的布局表格在大的布局表格中居中显示,怎样才能做出这种效果呢?(我指的是精确的居中,不是指用手动的移动小的布局表格)



咬一口

职务:普通成员
等级:1
金币:0.0
发贴:107
#22004/7/19 11:27:48
在小表格所在的大表格的单元格属性中设置就可以了。



人淡如菊

职务:普通成员
等级:1
金币:0.0
发贴:248
#32004/7/19 13:20:01
你说的是单元格居中,不是布局表格居中。我想要的是小在布局表格相对于大的布局表格居中。



x_wolf

职务:普通成员
等级:1
金币:18.0
发贴:4242
#42004/7/19 14:28:32
<div align=center>你的表格</div>

不行!?



狗屎

职务:普通成员
等级:1
金币:1.0
发贴:236
#52004/7/19 23:24:45
在前一个大表格的td里舔加align=center也可以实现



人淡如菊

职务:普通成员
等级:1
金币:0.0
发贴:248
#62004/7/20 16:23:18
我把代码copy过来了麻烦给改一下。你们说的我试了,不管用啊?
袖里青蛇说:在前一个大表格的td里舔加align=center也可以实现
我试了,结果是只在小布局表格的前面多了一个“align=center.其它没有变化。

<body>

<table width="600" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
    <td width="123" height="30">&nbsp;</td>
<td width="300">&nbsp;</td>
<td width="177">&nbsp;</td>
</tr>
<tr>
<td height="112">&nbsp;</td>
<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="300" height="112">&nbsp;</td>
</tr>
</table></td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="89">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>



狗屎

职务:普通成员
等级:1
金币:1.0
发贴:236
#72004/7/20 20:05:37
我看出来了 你是用的dw的可视化设计 是用的表格布局那个功能 你先用鼠标拖了一个大的表格 然后又在里面拖了一个小的表格是吧 这样生成的代码和我说的那种情况是不一样的 你看我的 代码量要少得多,慢慢学会在代码编辑视图里编辑就好了 你把我下面这个叶子copy去观察一下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body>
<table width="750" height="178" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" id="big">
<tr>
<td><table width="450" height="130" bgcolor="#FFFFCC" id="small">
<tr><td width="450" height="130" ></td></tr></table></td>
</tr>
</table>

<p>&nbsp;</p>

<table width="750" height="178" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" id="big2">
<tr>
<td align="center"><table width="450" height="130" bgcolor="#FFFFCC" id="small2">
<tr><td width="450" height="130"></td></tr></table></td>
</tr>
</table>
</body>
</html>