请问为什么我的设置没有效果
来源：1-7 编程练习
长生生
2019-11-27 23:08:53
<!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;}
.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>写回答
1回答
-
好帮手慕粉
2019-11-28
同学你好，在鼠标不移入文字的时候，超出的部分是应该隐藏的。建议同学给段落标签p添加溢出隐藏：
加上以后，效果就是正确的了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题
为什么无效，没有显示省略号
回答 2
老师 为什么出不来效果
回答 2