麻烦老师检查
来源:1-7 编程练习
leiyihai
2019-09-27 21:06:43
<!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: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-09-28
同学你好,
代码实现效果没有问题。但是建议标签大小写要一致哦:
祝学习愉快!
相似问题