ในเวลานี้คุณสามารถใช้ Overflow: อัตโนมัติ; (เมื่อรหัสเกินขอบเขตคอนเทนเนอร์กล่องเลื่อนจะปรากฏขึ้น) แต่วิธีนี้ไม่สามารถใช้ได้กับเบราว์เซอร์กระแสหลักทั้งหมดและเบราว์เซอร์บางตัวจะตัดทอนเนื้อหาที่เกินโดยตรง
เราทุกคนรู้ว่า แท็ก <pre> กำหนดข้อความ preformatted และแอปพลิเคชันทั่วไปคือการแสดงซอร์สโค้ดของคอมพิวเตอร์ ข้อความที่ล้อมรอบด้วยองค์ประกอบก่อนมักจะยังคงมีช่องว่างและตัวแบ่งบรรทัด แต่น่าเสียดายที่เมื่อคุณเขียนโค้ดในแท็ก <pre> มันจะเก็บไว้ให้คุณโดยไม่ต้องห่อโดยอัตโนมัติหากคุณไม่ห่อด้วยตนเอง
ในเวลานี้คุณสามารถใช้ Overflow: อัตโนมัติ; (เมื่อรหัสเกินขอบเขตคอนเทนเนอร์กล่องเลื่อนจะปรากฏขึ้น) แต่วิธีนี้ไม่สามารถใช้ได้กับเบราว์เซอร์กระแสหลักทั้งหมดและเบราว์เซอร์บางตัวจะตัดทอนเนื้อหาที่เกินโดยตรง
เนื่องจากมีหลายสถานที่ที่ใช้ซอร์สโค้ดในเว็บไซต์นี้ฉันจึงไม่สนใจปัญหานี้มาก่อน ไม่นานมานี้ชาวเน็ตที่กระตือรือร้นรายงานปัญหานี้เกี่ยวกับ QQ ดังนั้นเมื่อฉันเปลี่ยนหัวข้อในครั้งนี้ฉันมองหาวิธีแก้ปัญหาและแบ่งปัน
คัดลอกรหัส