老师麻烦看看,为什么我的显示不出来
来源:1-7 编程练习
陈孝芳
2019-11-04 09:59:26
<!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"}
/*此处写代码*/
p:nth-child(1):text-overflow:ellipsis;
p:nth-child(2):text-overflow:clip;
p:hover{
overflow:inherit;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>
1回答
好帮手慕星星
2019-11-04
同学你好,
代码中问题可以参考下图进行修改:
要细心哦,自己再测试下。
祝学习愉快!欢迎采纳~
相似问题