请老师帮忙检查一下2-24的代码

来源:2-24 编程练习

啤酒泡饭饭

2019-03-17 17:08:19

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div>
    下来菜单:<br/>
    <select>
        <option value="panda">熊猫</option>
        <option value="cat">猫</option>
        <option value="dog">狗</option>
        <option value="pig">猪</option>
        <option value="monkey">猴子</option>
    </select>
    <br/>
    </div>

    <span>
        列表:<br/>
        <select size="3">
            <option value="apple">苹果</option>
            <option value="banana">香蕉</option>
            <option value="orange">橙子</option>
            <option value="peach">桃</option>
            <option value="pears">梨</option>
        </select>
        &nbsp;&nbsp;&nbsp;

        下拉菜单项:
        <select size="5" multiple>
            <option value="panda">熊猫</option>
            <option value="cat">猫</option>
            <option value="dog">狗</option>
            <option value="pig">猪</option>
            <option value="monkey">猴子</option>
        </select>
        &nbsp;&nbsp;

         列表项:
         <select size="5" multiple>
            <option value="apple">苹果</option>
            <option value="banana">香蕉</option>
            <option value="orange">橙子</option>
            <option value="peach">桃</option>
            <option value="pears">梨</option>
        </select>

    </span>
</body>
</html>

为什么列表那里不对呢?谢谢老师

写回答

1回答

好帮手慕夭夭

2019-03-18

你好同学 ,代码是没有问题的 ,.因为一个盒子的列表都是底部对齐的 ,加上一个列表高度比较小 ,所以看起来和文字间距很大 . 

http://img.mukewang.com/climg/5c8f116c000184ad06660169.jpg

这里效果图实际上只是给大家展示列表中的内容 . 并不需要让列表都显示在一排 . 同学可以给第二个列表设置换行显示 ,这样文字和列表就会挨着了 ,如下:

http://img.mukewang.com/climg/5c8f1203000147e306730271.jpg

span标签建议去掉

http://img.mukewang.com/climg/5c8f122700018c8803880116.jpg

祝学习愉快 ,望采纳 .

0

0 学习 · 36712 问题

查看课程