พื้นที่เบื้องต้นและข้อความใน HTML สามารถแสดงข้อความที่จัดรูปแบบไว้ล่วงหน้าได้ เช่น รักษาช่องว่างและการขึ้นบรรทัดใหม่ แทนที่จะต้องเพิ่มองค์ประกอบ HTML เช่น <br> และ เพื่อเพิ่มตัวแบ่งบรรทัดและช่องว่างในการพิมพ์
นำแถบเลื่อนออกก่อนเมื่อแสดงเนื้อหาข้อความล่วงหน้า เนื้อหาจะไม่ตัดคำโดยอัตโนมัติ คุณสามารถเพิ่ม CSS เพื่อแก้ไขปัญหานี้ได้:
<pre>ของเรา นี้เป็นเนื้อหาที่เข้าสู่ระบบมากมากมากมากมากมากมากมากมากมาก</pre>pre { word-wrap: break-word; white-space: pre-wrap; ; สีพื้นหลัง: #f5f5f5; เส้นขอบ: 1px ทึบ #ccc;}Textarea ทำให้ความสูงปรับให้เข้ากับความสูงของเนื้อหา
Textarea ยังสามารถคงรูปแบบเนื้อหาเช่น prev ไว้ได้ แต่ความสูงขององค์ประกอบได้รับการแก้ไขและไม่สามารถปรับด้วย CSS ได้ ในขณะนี้ คุณสามารถใช้แอตทริบิวต์ scrollHeight ได้
var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');มีการเพิ่มช่องว่างภายใน 12px ที่นี่
สรุปข้างต้นคือสิ่งที่โปรแกรมแก้ไขแนะนำให้คุณทราบถึงวิธีทำให้องค์ประกอบ HTML เช่น ส่วนก่อนหน้าและ textarea ลบแถบเลื่อน ล้อมเนื้อหาข้อความโดยอัตโนมัติและปรับให้เข้ากับความสูงของข้อความ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วบรรณาธิการจะตอบกลับทุกคนทันที ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!
หากคุณคิดว่าบทความนี้มีประโยชน์สำหรับคุณ คุณสามารถพิมพ์ซ้ำได้ โปรดระบุแหล่งที่มา ขอขอบคุณ!