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

Dans cet article, nous abordons la question de savoir comment déterminer le débordement de texte vertical dans un élément DIV et la configuration HTML

Considérez le code CSS et HTML suivant :

div.rounded { couleur de fond : #FFF ; hauteur : 123px ; largeur : 200px ; taille de police : 11px ; débordement : caché ; }

div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}

  Lorem ipsum dolor sit amet,
  consectetur adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.

Pour vérifier si le texte de l'élément DIV a débordé, JavaScript peut être utilisé. Le script suivant compare la scrollHeight de l'élément avec sa clientHeight :

function GetContainerSize() { var conteneur = document.getItemById("tempDiv"); varmessage = "La largeur du contenu avec remplissage : conteneur.scrollWidth "px.\n"; message = "La hauteur du contenu avec rembourrage : conteneur.scrollHeight "px.\n"; alerte (message); }

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

Pour plus d'informations sur ce sujet, veuillez vous référer au script suivant :

[Overflow Documentation](http://help. dottoro.com/ljbixkkn.php)