ホームページ >ウェブフロントエンド >htmlチュートリアル >どうしたらテーブルを小さくできるでしょうか？ _html/css_WEB-ITnose
どうしたらテーブルを小さくできるでしょうか？ _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:04:211439ブラウズ
テーブルの内容が多すぎるので、テーブルを短くしたいのですが、input タグの幅オプションを調整しても効果がありません。調整したほうがいいでしょうか？コードは次のとおりです
<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 までご連絡ください。