Maison > Article > interface Web > table怎么样能变小呢？_html/css_WEB-ITnose
table怎么样能变小呢？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:04:211395parcourir
想编辑一个表格，表格的内容有点多，所以超过了显示器的范围，于是就像把表格缩短一些，但是在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> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：菜鸟求教，各位大大有什么办法在html中用绝对路径显示一张图片_html/css_WEB-ITnoseArticle suivant：[译]用CSS来禁止文本选择_html/css_WEB-ITnose