麻烦看下？

首页课程实战体系课手记专栏慕课教程

麻烦看下？

来源：1-7 编程练习

慕先生1376233

2020-05-27 10:35:16

<!DOCTYPE html>

<html>

<head>

<title>text-overflow</title>

p { width: 500px;font-size:20px; margin: 10px auto; background: #abcdef;overflow: hidden;}

/*此处写代码*/

.p1{text-overflow: ellipsis;}

.p2{text-overflow: clip;}

.p1:hover,.p2:hover{overflow: visible;}

</style>

</head>

<body>

<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

</body>

</html>

写回答

1回答

好帮手慕夭夭

2020-05-27

同学你好，代码实现正确。继续加油，祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1