请老师检查！（文本与字体的裁剪与显示）

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

请老师检查！（文本与字体的裁剪与显示）

来源：1-7 编程练习

一穷二白入前端

2020-11-22 17:00:35

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

<!DOCTYPE html>

<html>

<head>

<title>text-overflow</title>

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

.p1,.p2{overflow:hidden;text-overflow:ellipsis;}

.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-11-22

已采纳

同学你好，第二行的文字超出裁剪就好，不需要显示为省略号。参考修改：

移入显示效果没有问题，很棒！

祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1