今天在编码的过程中遇到一个小问题,就是: 当一个table在两个table之间时,此table里面如果使用属性
align=“right”会导致此table的内容无法正常显示。
<%@ page contentType="text/html;charset=GBK"%>
<html>
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="contentstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title">测试</td>
<td align="right" valign="bottom"> </td>
</tr>
</table>
<hr >
<form name="form1" id="form1" method="post" action="" >
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td>
<input type="text" name="" id="" >
</td>
</tr>
</table>
</form>
<table name="hiddenTable" width="100%" border="0" align="right" cellpadding="0" cellspacing="3">
<tr>
<td align="right">
<input name="cmdAdd" οnclick="doAdd()" type="button" class="button" value="添加" />
<input name="cmdDelete" οnclick="doDelete()" type="button" class="button" value="删除" />
<input name="cmdReport" οnclick="doReport()" type="button" class="button" value="上报" />
</td>
</tr>
</table>
<form name="form2" id="form2" method="post" action="">
<table width="100%" border="1" cellpadding="2" cellspacing="1" bordercolordark="#FFFFFF">
<tr>
<th>流水号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<td>
1
</td>
<td>
测试
</td>
<td>
24
</td>
</tr>
</table>
</form>
</body>
</html>
这个页面存在一个问题:着重显示的字段(名字为hiddenTable的table)不能在页面上显示
解决方式:
当一个table在两个table之间时,此table里面不能使用属性align=“right”
去掉此属性则table正常显示。