itu diketahui
Tag mendefinisikan teks yang telah diformat sebelumnya, dan aplikasi umum adalah untuk mewakili kode sumber komputer. Teks yang diapit dalam elemen PRe biasanya mempertahankan spasi dan jeda baris, namun sayangnya saat Anda menulis kode di dalam tag, jika Anda tidak membungkusnya secara manual, itu akan menyimpannya untuk Anda tanpa mengubah jeda baris.
Saat ini, Anda dapat menggunakan overflow:auto; (ketika kode melebihi batas penampung, kotak gulir akan ditampilkan), tetapi metode ini tidak cocok untuk semua browser utama, dan beberapa browser akan langsung memotong konten yang terlampaui.
Karena tidak banyak tempat yang menggunakan kode sumber di situs ini, saya tidak terlalu peduli dengan masalah ini sebelumnya. Belum lama ini, seorang netizen yang antusias melaporkan masalah ini di QQ, jadi ketika saya mengubah tema kali ini, saya melihatnya untuk solusi dan membagikannya.
pra { spasi putih: pra-bungkus; /* CSS-3 */ spasi putih: -moz-pra-bungkus; /* Mozilla, sejak 1999 */ spasi putih: -pra-bungkus; 6 */ white-space: -o-pre-wrap; /* Opera 7 */ Word-wrap: break-word; /* Internet Explorer 5.5+ */} Dari: Membuat bungkus teks yang telah diformat sebelumnya dalam CSS3, Mozilla, Opera dan YAITU
Solusi CSS ini dapat membuat teks di pre tag otomatis terbungkus. Saya mengujinya di semua browser yang saya miliki, dan semuanya mendukung IE6, IE7, IE8, Firefox, Opera, Safari dan Chrome.
Hanya ketika Anda mengecilkan jendela menjadi kurang dari 20 karakter lebarnya akan melampaui batas. Selain itu, saya melihat beberapa posting membagikan teknik CSS ini, mengatakan itu dapat memecahkan masalah pembungkusan baris kata-kata yang panjang, tetapi saya mencobanya dan itu masih tidak berhasil.
-