Maison  >  Article  >  interface Web  >  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
Linda Hamiltonoriginal
2024-10-26 07:47:03581parcourir

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);
}

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!

Déclaration:
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