Rumah > Artikel > hujung hadapan web > table怎么样能变小呢？_html/css_WEB-ITnose
table怎么样能变小呢？_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:04:211394semak imbas
想编辑一个表格，表格的内容有点多，所以超过了显示器的范围，于是就像把表格缩短一些，但是在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> Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：菜鸟求教，各位大大有什么办法在html中用绝对路径显示一张图片_html/css_WEB-ITnoseArtikel seterusnya：[译]用CSS来禁止文本选择_html/css_WEB-ITnose