首頁 > web前端 > html教學 > table怎么样能变小呢?_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 09:04:21
原創
1420 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板