请问哪里不对？

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!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;}
/*此处写代码*/
.p1{text-overflow: ellipsis;}
.p2{text-overflow: ellipsis;}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>

神知 2019-11-07

源自：CSS3文本与字体 1-7 编程练习

3

收起

2回答

好帮手慕慕子 2019-11-09 00:01:31

同学你好， inherit是指继承父级元素的属性值，这里p的父元素是body，所以是继承body元素的overflow属性默认值visible，表示内容不会被修剪，会呈现在元素框之外哦，达到鼠标移入的时候文字内容完整显示的效果

如果帮助到了你，欢迎采纳，祝学习愉快~~~

提问者神知 #1

这么晚没睡啊。谢谢。

2019-11-09 00:02:34

好帮手慕慕子 2019-11-08 10:18:07

同学你好，因为text-overflow属性需要结合overflow：hidden;属性一起使用才可看到效果，所以无法实现效果

然后，根据练习要求第二个P标签的文本溢出需要被修剪掉，鼠标移入要显示全部的文字内容哦，示例：可以在鼠标移入的时候使用inherit属性值恢复默认的样式

同学可以自己下去再测试一下哦

如果帮助到了你，欢迎采纳，祝学习愉快~~~

提问者神知 #1

hover里的inherit继承的是哪个样式呢？p不是溢出隐藏了吗

2019-11-08 21:40:15

相似问题

请问哪里不对

2-7编程哪里不对，

请问哪里不对？

请问哪里不对？

好像哪里不对

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号