老师，代码帮忙看看。谢谢老师
来源：1-7 编程练习
郭永青
2020-03-04 03:32:01
<!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;
text-overflow: clip;
}
.p1{
text-overflow: ellipsis;
}
p:hover{
overflow: visible;
cursor: pointer;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>
还有一个问题：overflow：属性有哪些属性值？这个属性在前面的CSS章节中有介绍过吗？忘了，老师提醒一下，我重新去看一下过程。
1回答
-
同学你好，代码是正确的。
overflow在前面float浮动的课程中讲解过，不过课程讲过的是它另一个作用，即清除浮动。overflow可以参考如下理解：
1.overflow可以清除浮动，相关知识可以复习一下前面的课程。地址如下：
https://class.imooc.com/lesson/756#mid=18862
2.overflow另一个作用是当元素超出父容器的时候要如何处理。处理的情况有以下几种：
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条（横向和垂直的）以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条（只有垂直方向）以便查看其余的内容。
举一个例子：
文字超出了div，默认内容不会被修剪（visible ）：
同学可以练习一下，看看设置不同的属性值有什么变化，例如设置overflow: hidden;
内容会被修剪，超出的内容被隐藏：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题