communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > 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

Libérer： 2023-09-12 16:53:02

avant

1583 Les gens l'ont consulté

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>

Copier après la connexion

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!

source：tutorialspoint.com

Article précédent：Aperçu des nouvelles fonctionnalités de CSS3 : Comment utiliser CSS3 pour obtenir des effets de rotation Article suivant：Comment placer une image ou une vidéo à l'intérieur d'une silhouette ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur