Bagaimana untuk Mengesan Limpahan Teks Menegak dalam Elemen DIV menggunakan JavaScript?

Pengesanan Limpahan dalam Elemen DIV

Dalam artikel ini, kami menyelidiki persoalan tentang cara menentukan limpahan teks menegak dalam elemen DIV.

Persediaan CSS dan HTML

Pertimbangkan kod CSS dan HTML berikut:

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

<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>

Mengesan Limpahan

Untuk memastikan sama ada teks elemen DIV telah melimpah, JavaScript boleh diambil bekerja. Skrip berikut membandingkan scrollHeight elemen dengan clientHeightnya:

<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>

Dengan menjalankan skrip ini, anda boleh mendapatkan dimensi kandungan DIV, termasuk sebarang limpahan.

Sumber Tambahan

Untuk maklumat lanjut tentang topik ini, rujuk perkara berikut:

• [Dokumentasi Limpahan](http://help.dottoro.com/ljbixkkn.php)

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Limpahan Teks Menegak dalam Elemen DIV menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!