Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memaparkan Teks Melimpah ke Kiri dalam Bekas?

Bagaimana untuk Memaparkan Teks Melimpah ke Kiri dalam Bekas?

DDD
DDDasal
2024-11-02 06:03:02328semak imbas

How to Display Overflowing Text to the Left in a Container?

Memaparkan Kandungan Melimpah ke Kiri

Apabila bekerja dengan teks yang melebihi lebar bekas yang ditentukan, adalah penting untuk mengendalikan limpahan dengan berkesan. Dalam senario ini, anda mempunyai div dengan limpahan ditetapkan kepada tersembunyi, di mana teks tumbuh ke kiri apabila aksara baharu ditambahkan. Walau bagaimanapun, ini mengakibatkan penghujung teks dipangkas apabila ia melebihi lebar bekas.

Mencapai Kandungan yang Dikirim Limpahan

Untuk mencapai kesan yang anda inginkan iaitu memaparkan limpahan kandungan di sebelah kiri, anda boleh menggunakan sifat arah CSS. Dengan menetapkan arah: rtl; kepada div, aliran teks diterbalikkan. Ini bermakna aksara baharu akan ditambahkan di sebelah kanan, tetapi limpahan akan berlaku di sebelah kiri bekas.

Contoh Kod

<code class="css">.text-container {
  width: 200px;
  overflow: hidden;
  direction: rtl;
}</code>

Dengan ini pengubahsuaian, teks dalam div kini akan berkembang ke arah kiri, dan aksara terakhir akan kelihatan walaupun teks melebihi lebar bekas. Adalah penting untuk ambil perhatian bahawa arah tetapan: rtl; membalikkan arah teks untuk semua elemen dalam div, jadi pertimbangkan untuk menggunakan penggayaan tambahan untuk melaraskan penjajaran dengan sewajarnya.

Rujukan

Untuk maklumat lanjut tentang sifat arah dan teks arah dalam CSS, rujuk:

  • https://www.w3schools.com/cssref/pr_text_direction.asp

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Teks Melimpah ke Kiri dalam Bekas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn