老师 为什么出不来效果

来源:1-7 编程练习

anan_123

2019-08-24 14:10:20

<!DOCTYPE html><html lang="en"><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: clip;        }        .p1:hover,.p2:hover{            text-overflow:inherit;        }    </style></head><body>    <p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>    <p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p></body></html>

写回答

2回答

好帮手慕慕子

2019-08-26

同学你好, inherit表示指定一个属性继承父级元素设置的属性值。

因为这里写的overflow:inherit;表示继承父元素(body)的overflow属性设置的默认值visible(内容不会被修剪,会呈现在元素框之外),所以也可以理解为回复默认值

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


0

好帮手慕言

2019-08-24

同学你好,有以下问题,请看下方的截图。

http://img.mukewang.com/climg/5d60f8cf000127da04670279.jpg

http://img.mukewang.com/climg/5d60f8dc000195a305370249.jpg

http://img.mukewang.com/climg/5d60f8ea0001363d06490207.jpg

同学修改后再测试下。

祝学习愉快~

0
hnan_123
h overflow: inherit;的意思是恢复默认值吗
h019-08-26
共1条回复

0 学习 · 40143 问题

查看课程