想编辑一个表格,表格的内容有点多,所以超过了显示器的范围,于是就像把表格缩短一些,但是在input标签中调整width选项没有效果,请问应该如何调整?代码如下
<body><table border="1"> <tr> <td>摄像头名称</td> <td>摄像头地址</td> <td>所属分局</td> <td>所属派出所</td> <td>监控室名称/编号</td> <td>关联的路灯杆编号</td> <td>摄像头类别</td> <td>摄像头类型</td> <td>经度</td> <td>纬度</td> <td>备注</td> </tr> <tr> <td><input type="text" name="name"/></td> <td><input type="text" name="address"/></td> <td><input type="text" name="fenju"/></td> <td><input type="text" name="police"/></td> <td><input type="text" name="mingcheng"/></td> <td><input type="text" name="bianhao"/></td> <td><input type="text" name="leibie"/></td> <td><input type="text" name="leixing"/></td> <td><input type="text" name="longitude"/></td> <td><input type="text" name="latitude"/></td> <td><input type="text" name="info"/></td> </tr></table></body>
<!DOCTYPE html><html><head><title></title><meta charset="UTF-8"><style> #tbl input { border:0; width:100%; }</style></head><body><table border="1" id="tbl"> <tr> <td>摄像头名称</td> <td>摄像头地址</td> <td>所属分局</td> <td>所属派出所</td> <td>监控室名称/编号</td> <td>关联的路灯杆编号</td> <td>摄像头类别</td> <td>摄像头类型</td> <td>经度</td> <td>纬度</td> <td>备注</td> </tr> <tr> <td><input type="text" name="name"/></td> <td><input type="text" name="address"/></td> <td><input type="text" name="fenju"/></td> <td><input type="text" name="police"/></td> <td><input type="text" name="mingcheng"/></td> <td><input type="text" name="bianhao"/></td> <td><input type="text" name="leibie"/></td> <td><input type="text" name="leixing"/></td> <td><input type="text" name="longitude"/></td> <td><input type="text" name="latitude"/></td> <td><input type="text" name="info"/></td> </tr></table></body></html>