老师，li文字显示为什么默认是行内元素的样式，li是块级元素为啥还要设置displayblock

首页课程实战体系课手记专栏慕课教程

来源：4-7 编程练习

Jokerjue

2019-03-21 16:19:28

<!DOCTYPE html>

<html>

<head>

<title>display属性</title>

/*样式补充*/

div,h3,ul,li{margin:0px;padding:0px;}

.big{background-color:gray;margin:0 auto;border:1px solid gray;width:30%;}

li{display:none;}

h3{text-align:center;font-weight:bold;

border-left:1px #acacac solid;

border-right:1px #acacac solid;

border-top:1px #acacac solid;}

li{display:none;padding:5px 0px;}

.div1:hover .elec li,.div1:hover .wash li,.div1:hover .clothes li{display:block;text-align:center;}

</style>

</head>

<body>

</ul>

</div>

</ul>

</div>

</ul>

</div>

</body>

</html>

写回答

1回答

好帮手慕慕子

2019-03-21

已采纳

同学你好，1.这里同学是想问li吗？li是块级元素哦，若不是指这里的话，同学可以详细的描述下具体是哪里哦，便于老师准确的定位与解决问题。

2. li元素设置如下样式，导致li在最开始隐藏了

所以在鼠标悬浮的时候，需要设置display:block; 显示li列表元素

3. 为了实现效果更好看，建议同学在鼠标悬浮后给li添加一个背景颜色例：

如果帮助到了你，欢迎采纳，祝学习愉快~~~

hokerjue

h 是的我指的是li 原来是设置了display none隐藏了才要在后面设置block 谢啦

h019-03-21

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

回答 3

span元素的宽由它中间的内容决定

回答 2

因为div设置了宽度那么p元素有自己设置的宽度span元素因为是行内无法设置显示div设置的宽度吗

回答 1

4-1 解决内联元素空隙的第二种方法究竟是什么啊? 视频演示中明明衍生了其他问题啊..

回答 2

为何代码跟老师一样还是有问题啊？

回答 6

打开慕课网App查看更多内容