老师，为什么显示不出来效果
来源：1-7 编程练习
慕设计6552984
2020-03-06 11:29:21
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text-overflow</title>
<style type="text/css">
p { width: 500px;heightfont-size:20px; margin: 10px auto; background: #abcdef;overflow:hidden;}
/*此处写代码*/
/* p1{
text-overflow:ellipsis;
} */
p2{
text-overflow:clip;
}
p1:hover{
overflow:visible;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>
2、老师，此段代码中text-overflow:inherit;继承的是谁的样式
1回答
-
好帮手慕星星
2020-03-06
同学你好，代码中问题如下：
1、p标签中多了一个height属性，需要去掉
2、class类名使用的时候前面需要加 点
3、可以使用p标签实现hover移入，就不需要两个分开写了
4、text-overflow属性默认值是clip，使用inherit继承的是父容器（这里是body）的text-overflow属性值 。也可以这样写
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题