老师，麻烦看一下
来源：4-2 编程练习
慕丝0512746
2020-09-17 13:07:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div{width: 200px;}
li{list-style:none;
display:none;}
div:hover li{display:inline;}
/*补充样式*/
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
问题：为什么实现出来的效果与gif图不一样呢，gif图中冰箱 空调等和家电对齐
写回答
1回答
-
好帮手慕星星
2020-09-17
同学你好，移入效果实现很棒！
针对提问回复：没有对齐效果是因为ul默认有左侧间距40px
去掉之后就对齐了
祝学习愉快！
0
相似问题