javascript - gaya interline penulisan whiteSpace dalam tindak balas tidak berkuat kuasa

Question

Menambah gaya sebaris pada elemen dalam tindak balas akan berkuat kuasa pada semua yang lain kecuali whiteSpace Adakah terdapat cara untuk menyelesaikannya. Tujuannya adalah untuk menggunakannya apabila teks melimpah

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

Gaya yang dipaparkan dalam pelayar ialah

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

Tolong beri saya nasihat, terima kasih banyak-banyak

Answer 1

paparan: blok sebaris;

Answer 2

Oleh kerana ia adalah gaya iframe, anda hanya boleh menulis gaya sebaris Tetapi selepas mencuba banyak kaedah, white-space:nowrap tidak boleh digunakan
Termasuk naik taraf kepada versi react terkini
Penyelesaian terakhir ialah:

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

Saya tidak tahu mengapa atribut nowrap tidak boleh digunakan, tetapi menggunakan atribut pra menyelesaikan masalah dengan sempurna.

Answer 3

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

nowrap telah ditamatkan dalam HTML4 dan bukan sebahagian daripada HTML5.
Saya amat mengesyorkan menggunakan CSS sebaliknya.