table怎么样能变小呢？_html/css_WEB-ITnose-tutoriel HTML-php.cn

table怎么样能变小呢？_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-21 09:04:21

original

1422 Les gens l'ont consulté

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

Copier après la connexion

回复讨论(解决方案)

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

Copier après la connexion