Balut kandungan secara automatik dalam html pra tag_HTML/Xhtml_Pengeluaran halaman web

Pada masa ini, anda boleh menggunakan overflow:auto; (apabila kod melebihi sempadan bekas, kotak tatal dipaparkan), tetapi kaedah ini tidak sesuai untuk semua penyemak imbas arus perdana, dan sesetengah penyemak imbas akan memotong kandungan yang melebihi.

Kita semua tahu bahawa

 tag  boleh mentakrifkan teks pra-format Aplikasi biasa adalah untuk mewakili kod sumber komputer. Teks yang disertakan dalam pra elemen biasanya mengekalkan ruang putih dan baris baharu, tetapi malangnya apabila anda menulis kod di dalam teg  

Pada masa ini, anda boleh menggunakan overflow:auto; (apabila kod melebihi sempadan bekas, kotak skrol dipaparkan), tetapi kaedah ini tidak boleh digunakan untuk semua penyemak imbas arus perdana dan sesetengah penyemak imbas akan memangkas kandungan berlebihan secara langsung. 
标签里的文本换行(兼容IE, FF和Opera等)" src="http://files.jb51.net/do/uploads/allimg/090606/0242050.png"  style="max-width:90%">
Memandangkan tidak banyak tempat yang menggunakan kod sumber di laman web ini, saya tidak begitu mempedulikan masalah ini sebelum ini, seorang netizen yang bersemangat melaporkan masalah ini di QQ, jadi saya mengambil kesempatan kali ini untuk menukar tema dan mencari penyelesaian, kongsikannya. 



Salin kod
Kod tersebut adalah seperti berikut:
 
pra { 
putih -ruang: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; Opera 4- 6 */ 
ruang putih: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word; /* Internet Explorer 5.5 */ 
} 


Penyelesaian CSS ini boleh menjadikan teks dalam teg pra secara automatik saya mengujinya pada semua penyemak imbas yang saya miliki, dan semuanya disokong, termasuk IE6, IE7, IE8, Firefox, Opera, Safari dan. Chrome. 
Hanya apabila anda mengurangkan tetingkap kepada lebar kurang daripada 20 aksara, ia akan melebihi sempadan 
 Selain itu, saya melihat beberapa siaran juga berkongsi teknik CSS ini, mengatakan bahawa ia boleh menyelesaikan masalah pembalut garisan panjang perkataan, tetapi saya cuba Selepas beberapa ketika, ia masih tidak berjaya.