ক্রোম 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 এ রেন্ডার করা হচ্ছে।