table怎么样能变小呢？_html/css_WEB-ITnose-html教學-PHP中文網

回复讨论(解决方案)

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:04 AM

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

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn