Dalla versione di Chrome v78.0.3904.70, ho riscontrato problemi con l'utilizzo
della proprietà CSS white-space: nowrap;
. Lo spazio non-break sembra causare un'interruzione di linea. Durante l'utilizzo text-overflow: ellipsis
, il testo effettivo non verrà visualizzato poiché è rotto fuori dal contenitore. Sembra accadere solo se il testo è troppo lungo per essere visualizzato.
.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>
Sta causando alcuni problemi di visualizzazione sulle nostre applicazioni. È un bug o c'è qualcosa che non va nel mio codice?
Questo codice viene visualizzato in React 16.