老师 为什么出不来效果
来源: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(内容不会被修剪,会呈现在元素框之外),所以也可以理解为回复默认值
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
好帮手慕言
2019-08-24
同学你好,有以下问题,请看下方的截图。
同学修改后再测试下。
祝学习愉快~
相似问题