Detecção de estouro em elementos DIV

Neste artigo, nos aprofundamos na questão de como determinar o estouro de texto vertical dentro de um elemento DIV CSS e configuração de HTML

Considere o seguinte código CSS e HTML:

div.rounded { cor de fundo: #FFF; altura: 123px; largura: 200px; tamanho da fonte: 11px; estouro: 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 verificar se o texto do elemento DIV estourou, JavaScript pode ser usado. O script a seguir compara o scrollHeight do elemento com seu clientHeight:

function GetContainerSize() { var contêiner = document.getItemById("tempDiv"); var mensagem = "A largura do conteúdo com preenchimento: container.scrollWidth "px.\n"; mensagem = "A altura do conteúdo com preenchimento: container.scrollHeight "px.\n"; alerta(mensagem); }

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 obter mais informações sobre este tópico, consulte o seguinte script:

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