使用CSS将鼠标悬停在元素上时显示溢出的内容

ID:13616 / 打印

使用css将鼠标悬停在元素上时显示溢出的内容

在悬停在元素上时显示溢出内容,您可以尝试运行以下代码:

示例

实时演示

<!DOCTYPE html> <html>    <head>       <style>          div.demo {             white-space: nowrap;             width: 180px;             overflow: hidden;             border: 2px solid blue;         }          div.demo:hover {             text-overflow: inherit;             overflow: visible;          }       </style>    </head>    <body>       <p>Hover to see the complete text below:</p>       <br>       <div class = "demo" style = "text-overflow:clip;">Demo Text that will hide in this box.</div>    </body> </html>
上一篇: Materialise CSS 中有哪些不同的实用程序类?
下一篇: CSS3的新特性一览:如何使用CSS3实现旋转效果

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。