请问这样正确吗?字体没能对齐。

来源:4-2 编程练习

weixin_慕侠4437487

2019-11-13 23:23:40

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>display属性</title>

    <style type="text/css">

    div {

        width: 200px;

    }

    ul li{display:none;}

    div:hover ul li{display:inline;}

    

    </style>

</head>


<body>

    <div>

        <h2>家电</h2>

        <ul>

            <li>冰箱</li>

            <li>空调</li>

            <li>洗衣机</li>

        </ul>

    </div>

</body>


</html>


写回答

1回答

好帮手慕星星

2019-11-14

同学你好,代码是正确的。

字体没有对齐是因为ul标签有默认的左侧padding值40px:

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

想对齐可以将padding值去掉。

继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程