Domanda parola d'ordine parola d'ordine non funziona in questo esempio


Non riesco a far funzionare il word-wrap con questo esempio ...

<html>
<head></head>
<body>

<table style="table-layout:fixed;">
<tr>
<td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td>
</tr>
</table>

</body></html>

Mi sono ricordato di aver letto che era necessario specificare un layout (cosa che ho fatto), ma al di là di questo non sono sicuro di cosa dovrei fare per farlo funzionare. Mi piacerebbe davvero che funzionasse in Firefox. Grazie.

MODIFICARE: Fallito in Chrome 19 e Firefox 12, funziona in IE8. Ho provato doctype strict e transitional, né funzionato.


44
2018-05-24 19:05


origine


risposte:


Mozilla Firefox soluzione

Inserisci:

display: inline-block;

allo stile del tuo td.

Browser basati su Webkit (Google Chrome, Safari, ...) soluzione

Inserisci:

display: inline-block;
word-break: break-word;

allo stile del tuo td.

Nota: Ricorda che, per ora, break-word non fa parte delle specifiche standard per il webkit; pertanto, potresti essere interessato a utilizzare il break-all anziché. Questo valore alternativo fornisce una soluzione indubbiamente drastica; tuttavia, è conforme allo standard.

musica lirica soluzione

Inserisci:

display: inline-block;
word-break: break-word;

allo stile del tuo td.

Il paragrafo precedente si applica a Opera in modo simile.


71
2018-05-24 19:22



Usa questo codice che funzionerà su tutti i browser

overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

25
2017-10-19 12:41



Questa combinazione di proprietà mi è stata di aiuto:

display: inline-block;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
line-break: strict;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;


5
2017-09-11 13:05



per fare in modo che l'interruzione intelligente (break-word) funzioni bene su browser diversi, ciò che ha funzionato per me è stato il seguente insieme di regole:

#elm {
    word-break:break-word; /* webkit/blink browsers */
    word-wrap:break-word; /* ie */
}
-moz-document url-prefix() {/* catch ff */
    #elm {
        word-break: break-all; /* in ff-  with no break-word we'll settle for break-all */
    }
}

1
2018-03-06 09:59