在悬停在元素上时显示溢出内容,您可以尝试运行以下代码:
示例实时演示
<!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>
以上就是使用css将鼠标悬停在元素上时显示溢出的内容的详细内容。