麻烦老师帮忙检查一下为何没有任何效果。。。
来源：1-7 编程练习
奋斗的小白mmm
2019-12-31 13:22:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>text-overflow</title>
<style type="text/css">
p {
width: 500px;
font-size:20px;
margin: 10px auto;
background: #abcdef;
overflow: hidden;
}
.p1{
text-overflow:"[..]";
}
.p2{
text-overflow: ellipsis;
}
p:hover{
overflow: visible;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>写回答
2回答
-
好帮手慕码
2019-12-31
同学你好，修改后的代码效果正确，继续加油，祝学习愉快~
0 -
奋斗的小白mmm
提问者
2019-12-31
老师现在可以正常显示了。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>text-overflow</title>
<style type="text/css">
p { width: 500px;font-size:20px; margin: 10px auto; background: #abcdef;overflow: hidden;overflow: hidden;}
.p1{
text-overflow:ellipsis;
}
.p2{
text-overflow: clip;
}
p:hover{
overflow: visible;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>
0
相似问题