Rumah > hujung hadapan web > html tutorial > table怎么样能变小呢?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:04:21
asal
1421 orang telah melayarinya

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


回复讨论(解决方案)

<!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>
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan