Detección de desbordamiento en elementos DIV

En este artículo, profundizamos en la cuestión de cómo determinar el desbordamiento de texto vertical dentro de un elemento DIV CSS y HTML

Considere el siguiente código CSS y HTML:

div.rounded { color de fondo: #FFF; altura: 123px; ancho: 200 píxeles; tamaño de fuente: 11px; desbordamiento: oculto; }

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.

Para determinar si el texto del elemento DIV se ha desbordado, se puede utilizar JavaScript. El siguiente script compara la altura de desplazamiento del elemento con su altura de cliente:

function GetContainerSize() { var contenedor = document.getItemById("tempDiv"); var mensaje = "El ancho del contenido con relleno: contenedor.scrollWidth "px.\n"; mensaje = "La altura del contenido con relleno: contenedor.scrollHeight "px.\n"; alerta(mensaje); }

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

Para obtener más información sobre este tema, consulte el siguiente script:

[Documentación de desbordamiento](http://help. dottoro.com/ljbixkkn.php)