老师,你好,我想请问一下,为什么我的”列表:”和下面的列表表单隔得那么远?
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<meta charset="utf-8">
</head>
<body>
<form>
<table>
<tr>
<td>下拉菜单:</td>
</tr>
<tr>
<td>
<select name="animal">
<option value="xm">熊猫</option>
</select>
</td>
</tr>
<tr>
<td>列表:</td>
</tr>
<tr>
<td>
<select size="3">
<option value="pg">苹果</option>
<option value="xj" selected>香蕉</option>
<option value="cz">橙子</option>
<option value="jz">橘子</option>
</select>
</td>
<td>
<table>
<tr>
<td>下拉菜单项:</td>
<td>
<select size="5" multyple>
<option value="xm">熊猫</option>
<option value="m">猫</option>
<option value="g" selected>狗</option>
<option value="z">猪</option>
<option value="hz">猴子</option>
<option value="n">鸟</option>
</select>
</td>
<td>列表项:</td>
<td>
<select multyple size="5">
<option value="pg">苹果</option>
<option value="xj" >香蕉</option>
<option value="cz">橙子</option>
<option value="t" >桃</option>
<option value="l">梨</option>
<option value="pt">葡萄</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
<html>
正在回答
“列表:”和列表表单处于不同的行,而列表表单这一行的高度是由你后面同一行的高度最高的下拉列表项的列表表单高度决定的,通过给table加上border就能够明显的看出来了
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星