Chrome v78.0.3904.70 sürümünden bu yana,
CSS özelliğiyle kullanımla ilgili sorunlar görüyorum white-space: nowrap;
. Kırılmayan alan bir satır kesmesine neden gibi görünüyor. Kullanırken text-overflow: ellipsis
, gerçek metin kabın dışında kırıldığı için görüntülenmez. Yalnızca metin görüntülenemeyecek kadar uzunsa görünür.
.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>
Uygulamalarımızda birkaç ekran sorununa neden oluyor. Bu bir hata mı yoksa kodumda bir sorun mu var?
Bu kod, React 16'da oluşturulmaktadır.