คำถามติดแท็ก whitespace

ตั้งแต่รุ่นของ Chrome v78.0.3904.70 ที่ผมเห็นปัญหาเกี่ยวกับการใช้กับสถานที่ให้บริการแบบ  CSS white-space: nowrap;พื้นที่ที่ไม่แตกดูเหมือนจะทำให้เกิดการแบ่งบรรทัด เมื่อใช้text-overflow: ellipsisข้อความจริงจะไม่ปรากฏเนื่องจากมีการแตกด้านนอกของคอนเทนเนอร์ ดูเหมือนว่าจะเกิดขึ้นหากข้อความยาวเกินกว่าจะแสดงได้ .box-inline { max-width: 120px; overflow: hidden; height: 16px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } <div class="mar-rgt box-inline text-sm"><span class="label" style="background: rgb(176, 223, 246);"></span> Not meeting expecations</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล มันก่อให้เกิดปัญหาการแสดงผลสองสามประการเกี่ยวกับแอปพลิเคชันของเรา นี่เป็นข้อผิดพลาดหรือมีบางอย่างผิดปกติกับรหัสของฉันหรือไม่ รหัสนี้ถูกสร้างการแสดงผลใน React 16

10 html  css  google-chrome  whitespace