为什么这段代码中表格的各种设置例如align=“center”都没有生效啊,我想把表格的宽度和高度都设置成余下页面的宽度该怎么修改?另外就是上面的列表看起来很丑,怎么改的漂亮点?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>入库</title>
<style rel="stylesheet" type="text/css">
*{
margin: 0px;
padding: 0px;
}
.div1{
background-color: dodgerblue;
border: 2px solid;
height: 50px;
width: 100%;
}
li{
list-style: none;
float:left;
margin-left: 40px;
margin-top:2px;
position:relative;
}
li:hover{
border:1px solid black;
}
th{
}
.div2{
border: 2px solid;
height:730px;
width:100%;
position:absolute;
}
</style>
</head>
<body>
<div class="div1">
<ul>
<li><a href="" target="_blank"><img src="kucungailan.png" height="45"></a></li>
<li><a href="" target="_blank"><img src="ruku.png" height="45"></a> </li>
<li><a href="" target="_blank"><img src="chuku.png" height="45"></a></li>
<li><a href="" target="_blank"><img src="nuoku.png" height="45"></a></li>
<li><a href="" target="_blank"><img src="pandian.png" height="45"></a></li>
</ul>
</div>
<div class="div2">
<table align="center" border="1px" cellpadding="20%">
<tr bgcolor="#faebd7">
<th></th>
<th>操作</th>
<th>物料编号</th>
<th>物料种类</th>
<th>物料规格</th>
<th>单位</th>
<th>参考价格</th>
<th>实际单价</th>
<th>待入库数量</th>
<th>入库数量</th>
<th>采购成本小计</th>
<th>备注</th>
</tr>
<tr>
<td></td>
<td>1</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
<tr>
<td></td>
<td>1</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
<tr>
<td></td>
<td>2</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
<tr>
<td></td>
<td>3</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
<tr>
<td></td>
<td>4</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
<tr>
<td></td>
<td>5</td>
<td>添加 移除</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<form class="form1" action="" method="get" target="_blank">
<input type="text" name="" maxlength="20" >
</form>
</td>
</tr>
</table>
</div>
</body>
</html>