table怎么样能变小呢？

yy7075 2015-11-03 02:20:11

想编辑一个表格，表格的内容有点多，所以超过了显示器的范围，于是就像把表格缩短一些，但是在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>

...全文

78 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

风中的少年 2015-11-03

打赏
举报


<!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>