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
- WBOYavant
- 2023-09-12 16:53:021579parcourir
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
Article précédent：Aperçu des nouvelles fonctionnalités de CSS3 : Comment utiliser CSS3 pour obtenir des effets de rotationArticle suivant：Aperçu des nouvelles fonctionnalités de CSS3 : Comment utiliser CSS3 pour obtenir des effets de rotation