老师,请问代码对不?谢谢

来源:1-7 编程练习

慕勒8522502

2019-06-13 09:23:19

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


写回答

1回答

好帮手慕码

2019-06-13

同学你好!

代码效果实现是可以的

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

0

0 学习 · 40143 问题

查看课程