Bagaimanakah saya boleh menentukan sama ada kandungan teks melimpahi elemen DIV dalam JavaScript?

Mengesan Limpahan Menegak dalam Elemen DIV

Menentukan sama ada kandungan teks menegak elemen DIV melebihi sempadannya boleh menjadi penting untuk mengekalkan integriti antara muka. Untuk mengesan limpahan ini, perbandingan antara sifat scrollHeight dan clientHeight elemen adalah disyorkan.

Pelaksanaan:

Pertimbangkan kod HTML dan CSS berikut:

<code class="html"><div id="tempDiv" class="rounded">
  Lorem ipsum dolor sit amet,
  consectetur    adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.
</div></code>

<code class="css">div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}</code>

Untuk mengesan limpahan, masukkan kod JavaScript yang disediakan di bawah ke dalam halaman:

<code class="javascript">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);
}</code>

Apabila fungsi ini dilaksanakan dan amaran muncul, membandingkan nilai scrollHeight dan clientHeight akan menunjukkan sama ada teks melimpahi DIV.

Sumber Lanjut:

Untuk maklumat tambahan tentang topik ini, sila rujuk URL berikut:
http://help.dottoro .com/ljbixkkn.php

Atas ialah kandungan terperinci Bagaimanakah saya boleh menentukan sama ada kandungan teks melimpahi elemen DIV dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!