在懸停在元素上時顯示溢出內容,您可以嘗試運行以下代碼:
示例
實時演示
<!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將鼠標懸停在元素上時顯示溢出的內容的詳細內容,更多請關注www.92cms.cn其它相關文章!