老师为什么我显示的不对啊

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

老师为什么我显示的不对啊

来源：1-7 编程练习

qq_慕运维6460539

2020-07-16 10:55:55

<!DOCTYPE html>

<html>

<head>

<title>text-overflow</title>

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: visible;

}

/*此处写代码*/

</style>

</head>

<body>

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

</p>

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

</p>

</body>

</html>

写回答

1回答

好帮手慕久久

2020-07-16

同学你好，老师在谷歌、火狐、ie浏览器上测试，效果都是正确的，显示也是正常的，而且代码也是正确的。

同学觉得哪里不正常呢？可以具体说明一下，方便老师为你解答问题。

祝学习愉快！

0 学习 · 40143 问题

查看课程

相似问题

text-overflow: ellipsis; 为什么IE11不显示省略号呢？

回答 3

为什么无效，没有显示省略号

回答 2

回答 2

回答 1

回答 1