Maison  >  Article  >  interface Web  >  Afficher le contenu débordant lors du survol d'un élément à l'aide de CSS

Afficher le contenu débordant lors du survol d'un élément à l'aide de CSS

WBOY
WBOYavant
2023-09-12 16:53:021552parcourir

Afficher le contenu débordant lors du survol dun élément à laide de CSS

Pour afficher le contenu de débordement lorsque vous survolez un élément, vous pouvez essayer d'exécuter le code suivant :

Exemple

Live Demo

<!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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer