Maison > interface Web > tutoriel CSS > Comment détecter le débordement de texte vertical dans un élément Div ?

Comment détecter le débordement de texte vertical dans un élément Div ?

Linda Hamilton
Libérer: 2024-10-26 07:47:03
original
685 Les gens l'ont consulté

How to Detect Vertical Text Overflow in a Div Element?

Détection de débordement dans les éléments Div

Le débordement de texte vertical dans un élément div, un désagrément courant, peut être difficile à détecter. Voici comment déterminer avec précision si un tel débordement existe :

Détermination du débordement

Pour vérifier le débordement de texte vertical, comparez la clientHeight (hauteur de la zone de contenu dans le div) avec le scrollHeight (hauteur du contenu incluant tout débordement). Si scrollHeight dépasse clientHeight, un débordement est présent. Utilisez le code suivant :

function GetContainerSize() {
  var container = document.getElementById("tempDiv");
  var message = "The width of the contents with padding: " + container.scrollWidth + "px.\n";
  message += "The height of the contents with padding: " + container.scrollHeight + "px.\n";
  alert(message);
}
Copier après la connexion

Exécutez cette fonction pour afficher les valeurs scrollHeight et clientHeight. Si scrollHeight est supérieur, il y a un débordement vertical.

Lectures complémentaires

Pour des informations plus détaillées, reportez-vous à : http://help.dottoro.com/ ljbixkkn.php

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:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal