麻烦老师们看下,没有效果,谢谢
来源：1-6 新文本属性（text-align-last和text-overflow）
YoLo_H
2020-07-15 11:59:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
p {
width: 500px;
font-size: 20px;
margin: 10px auto;
background: #abcdef;
overflow: hidden;
white-space: nowrap;
}
.p1:hover {
text-overflow: ellipsis;
overflow: visible;
}
.p2:hover {
text-overflow: clip;
overflow: visible;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk
</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk
</p>
</body>
</html>
1回答
-
同学你好，需要修改如下：
效果：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 1
回答 1