老师 为什么出不来效果

老师 为什么出不来效果

<!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>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2019-08-26 15:51:47

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

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

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

祝学习愉快~~~


好帮手慕言 2019-08-24 16:44:40

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

http://img1.sycdn.imooc.com//climg/5d60f8cf000127da04670279.jpg

http://img1.sycdn.imooc.com//climg/5d60f8dc000195a305370249.jpg

http://img1.sycdn.imooc.com//climg/5d60f8ea0001363d06490207.jpg

同学修改后再测试下。

祝学习愉快~

  • 提问者 anan_123 #1
    overflow: inherit;的意思是恢复默认值吗
    2019-08-26 12:17:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师