javascript - gaya interline penulisan whiteSpace dalam tindak balas tidak berkuat kuasa
漂亮男人
漂亮男人 2017-05-16 13:27:38
0
3
660

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

漂亮男人
漂亮男人

membalas semua(3)
Ty80

paparan: blok sebaris;

phpcn_u1582

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.

淡淡烟草味

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

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan