Überlauferkennung in DIV-Elementen

In diesem Artikel befassen wir uns mit der Frage, wie man vertikalen Textüberlauf innerhalb eines DIV-CSS- und HTML-Setups ermittelt

Betrachten Sie den folgenden CSS- und HTML-Code:

div.rounded { Hintergrundfarbe: #FFF; Höhe: 123px; Breite: 200px; Schriftgröße: 11px; Überlauf: versteckt; }

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.

Um festzustellen, ob der Text des DIV-Elements übergelaufen ist, kann JavaScript verwendet werden. Das folgende Skript vergleicht die scrollHeight des Elements mit seiner clientHeight:

function GetContainerSize() { var container = document.getItemById("tempDiv"); var message = „Die Breite des Inhalts mit Polsterung: container.scrollWidth "px.\n"; Nachricht = „Die Höhe des Inhalts mit Polsterung: container.scrollHeight "px.\n"; Warnung (Nachricht); }

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

Weitere Informationen zu diesem Thema finden Sie im folgenden Skript:

[Überlaufdokumentation](http://help. dottoro.com/ljbixkkn.php)