Selesaikan masalah pembungkusan garis pada tampilan gulir applet WeChat

Hari ini saya menggunakan tampilan gulir saat menulis program kecil, tetapi menemukan bahwa sebaris teks dalam tampilan gulir tidak dapat dibungkus. Kodenya adalah sebagai berikut:

 <scroll-view scroll-y style=width:100rpx;height:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>

Saya menemukan bahwa sebagian besar bahasa Inggris dalam tampilan gulir hanya ditampilkan pada satu baris, dan bagian di luar lebarnya tidak dapat disembunyikan.

Setelah mencari di Internet untuk masalah yang tidak dapat dibungkus oleh teks tampilan gulir program mini, saya menemukan bahwa komponen program mini memiliki gaya default spasi putih: nowrap, yang tidak membungkus secara default, jadi saya menambahkan spasi : normal !important; untuk mengganti gaya defaultnya, tetapi menjadi bumerang. Setelah menambahkannya, masih tidak berhasil, jadi saya mencari jeda baris teks dan menemukan bahwa word-break: break-all; istirahat. Setelah menambahkannya, saya menemukan bahwa itu memang Itu dia

Karena saya bukan seorang front-end profesional (saya mencoba menjadi front-end engineer yang berkualifikasi), saya memperhatikan secara khusus penggunaan word-break. Berikut beberapa pemahaman saya benarkan aku.

Sintaks: kata-break: normal |.break-all |

normal: Menurut aturan teks bahasa Asia dan bahasa non-Asia, jeda baris diperbolehkan dalam kata-kata.Contoh yang saya tulis di atas tidak memiliki jeda baris karena bahasa Inggris menggunakan spasi untuk menentukan apakah akan memutus baris. itu adalah rangkaian panjang karakter bahasa Inggris tanpa spasi, jadi Tidak ada jeda baris. Jika Anda menambahkan spasi di tengah, jeda baris akan dilakukan di spasi karakter dapat digunakan sebagai tanda pemisah baris.

break-all: Perilaku ini sama seperti biasanya untuk bahasa-bahasa Asia. Pemutusan kata pada baris teks berbahasa non-Asia juga diperbolehkan. Nilai ini cocok untuk teks Asia yang berisi beberapa teks non-Asia. Nilai ini akan menilai satu karakter bahasa Inggris sebagai individu yang independen, dan setiap karakter bahasa Inggris dapat digunakan sebagai representasi pemisah baris.

keep-all : Sama seperti biasanya untuk semua bahasa non-Asia. Untuk bahasa Mandarin, Korea, dan Jepang, penghentian kata tidak diperbolehkan. Cocok untuk teks non-Asia yang berisi sedikit teks Asia

Di atas adalah apa yang editor perkenalkan kepada Anda untuk memecahkan masalah pembungkusan garis tampilan gulir pada applet WeChat. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda pada waktunya!