Chrome v78.0.3904.70 की रिलीज़ के बाद से, मैं
सीएसएस संपत्ति के साथ उपयोग करने के मुद्दों को देख रहा हूं 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>
यह हमारे अनुप्रयोगों पर कुछ प्रदर्शन समस्याओं का कारण बन रहा है। क्या यह बग है या मेरे कोड में कुछ गड़बड़ है?
यह कोड प्रतिक्रिया 16 में दिया जा रहा है।