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

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

WBOY
发布: 2016-06-21 09:04:21
原创
1421 人浏览过

想编辑一个表格,表格的内容有点多,所以超过了显示器的范围,于是就像把表格缩短一些,但是在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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板