วันนี้ผมใช้ scroll-view เมื่อเขียนโปรแกรมขนาดเล็ก แต่พบว่าไม่สามารถตัดบรรทัดข้อความใน scroll-view ได้ โดยมีโค้ดดังนี้
<scroll-view scroll-y style=width:100rpx;height:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>
ฉันพบว่าส่วนใหญ่ของภาษาอังกฤษในมุมมองแบบเลื่อนแสดงเพียงบรรทัดเดียว และส่วนที่เกินความกว้างไม่สามารถซ่อนได้
แก้ปัญหาหลังจากค้นหาปัญหาบนอินเทอร์เน็ตที่ข้อความมุมมองเลื่อนของมินิโปรแกรมไม่สามารถตัดคำได้ ฉันพบว่าส่วนประกอบของมินิโปรแกรมมีสไตล์เริ่มต้น white-space: nowrap; ซึ่งไม่ได้ตัดตามค่าเริ่มต้น ดังนั้นฉันจึงเพิ่ม white-space : Normal !important; เพื่อแทนที่รูปแบบเริ่มต้น แต่มันกลับไม่ทำงานหลังจากเพิ่มเข้าไป ดังนั้นฉันจึงค้นหาตัวแบ่งบรรทัดข้อความและพบว่าโดยทั่วไปแล้ว word-break: break-all ถูกเพิ่มเข้าไปในตัวแบ่งบรรทัดข้อความ . พอเพิ่มเข้าไปก็พบว่าใช่เลยจริงๆ
แบ่งคำเนื่องจากฉันไม่ใช่ front-end มืออาชีพ (ฉันกำลังพยายามเป็นวิศวกรส่วนหน้าที่มีคุณสมบัติเหมาะสม) ฉันจึงพิจารณาการใช้ word-break เป็นพิเศษ ต่อไปนี้เป็นความเข้าใจของฉันบางส่วน หากมีข้อผิดพลาด แก้ไขฉัน
พารามิเตอร์:ไวยากรณ์: ตัวแบ่งคำ: ปกติ | . แบ่งทั้งหมด |
ปกติ: ตามกฎข้อความของภาษาเอเชียและภาษาที่ไม่ใช่ภาษาเอเชีย อนุญาตให้มีการแบ่งบรรทัดภายในคำได้ ตัวอย่างที่ฉันเขียนข้างต้นไม่มีการขึ้นบรรทัดใหม่เนื่องจากภาษาอังกฤษใช้ช่องว่างเพื่อกำหนดว่าจะแบ่งบรรทัดหรือไม่ เป็นสตริงอักขระภาษาอังกฤษแบบยาวโดยไม่มีการเว้นวรรค ดังนั้นจึงไม่มีการขึ้นบรรทัดใหม่ หากคุณเพิ่มการเว้นวรรคตรงกลาง การขึ้นบรรทัดใหม่จะดำเนินการที่ช่องว่าง อักขระสามารถใช้เป็นเครื่องหมายแบ่งบรรทัดได้
แบ่งทั้งหมด: ลักษณะการทำงานนี้เหมือนกับปกติสำหรับภาษาเอเชีย อนุญาตให้แบ่งคำในบรรทัดข้อความที่ไม่ใช่ภาษาเอเชียได้เช่นกัน ค่านี้เหมาะสำหรับข้อความภาษาเอเชียที่มีข้อความที่ไม่ใช่ภาษาเอเชีย ค่านี้จะตัดสินอักขระภาษาอังกฤษตัวเดียวในฐานะบุคคลที่เป็นอิสระ และอักขระภาษาอังกฤษแต่ละตัวสามารถใช้เป็นตัวแบ่งบรรทัดได้
keep-all : เหมือนกับปกติสำหรับภาษาที่ไม่ใช่เอเชียทั้งหมด สำหรับภาษาจีน เกาหลี และญี่ปุ่น ไม่อนุญาตให้ใช้การแบ่งคำ เหมาะสำหรับข้อความที่ไม่ใช่ภาษาเอเชียซึ่งมีข้อความภาษาเอเชียจำนวนเล็กน้อย
สรุปข้างต้นคือสิ่งที่บรรณาธิการแนะนำให้คุณแก้ปัญหาการตัดบรรทัดมุมมองแบบเลื่อนของแอปเพล็ต WeChat ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วบรรณาธิการจะตอบกลับคุณ ทันเวลา!