在懸停在元素上時顯示溢出內容,您可以嘗試執行以下程式碼:
即時示範
<!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將滑鼠懸停在元素上時顯示溢出的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!