javascript - Le style interligne d'écriture de whiteSpace dans React ne prend pas effet

Question

L'ajout de styles en ligne aux éléments dans React prendra effet sur tout le reste sauf whiteSpace. Existe-t-il un moyen de résoudre ce problème ? Le but est de l'utiliser lorsque le texte déborde

.

 <span style={{
    fontSize: '14px',
    paddingTop: '1px',
    fontFamily: '微软雅黑',
    maxWidth: '56px',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap'
 }}>
    {node.title}
  </span>

Le style affiché dans le navigateur est

element.style {
    font-size: 14px;
    padding-top: 1px;
    font-family: 微软雅黑;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
}

S'il vous plaît, donnez-moi quelques conseils, merci beaucoup

Answer 1

affichage : bloc en ligne ;

Answer 2

Parce qu'il s'agit d'un style iframe, vous ne pouvez écrire que des styles en ligne. Mais après avoir essayé de nombreuses méthodes, white-space:nowrap ne peut pas être utilisé
Y compris la mise à niveau vers la dernière version de React.

 <span style={{
    fontSize: '14px',
    paddingTop: '1px',
    fontFamily: '微软雅黑',
    maxWidth: '56px',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'pre'
 }}>
    {node.title}
  </span>

Je ne sais pas pourquoi l'attribut nowrap ne peut pas être utilisé, mais l'utilisation de l'attribut pre résout parfaitement le problème.

Answer 3

https://github.com/facebook/r...

nowrap était obsolète en HTML4 et ne fait pas partie de HTML5.
Je suggère fortement d'utiliser CSS à la place.