Ceci est mon code à ce jour:Comment puis-je faire Firefox Word-break avec CSS?
<div style="width:100px;height:100px;background:red">
ssssssssssssssssssssssssssssssssssssss
</div>
Cependant,
word-wrap:break-word;
word-break:break-all;
ne prouve pas utile, car il ne peut pas word-wrap sur Firefox. Que puis-je faire en utilisant CSS?
Vous devez appliquer le dessous de la classe css sur div:
.content-div{
word-break:break-all;
word-wrap: break-word;
}
Et ajouter ci-dessous le style sur la table qui est lie dans div
style='table-layout:fixed;width:306px;'
Il fonctionne sur IE7, FF 3.6 et Chrome .
vous utilisez les propriétés de largeur et d'affichage ainsi que la propriété word-wrap:
width: 100px;
word-wrap: break-word;
display:inline-block;
Il fonctionne pour moi aussi bien dans IE et FF.
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width:200px;
Le morceau de code ci-dessus fonctionne pour moi merveilleusement
Pourquoi la largeur est-elle critique? Est-il possible de l'utiliser pour utiliser la largeur du conteneur? – Bryce
superbe copain +1 –
cela a fonctionné pour moi, je devais ajouter white-space: pré-wrap! Important; –
Utilisez les règles suivantes ensemble:
/* For Firefox */
white-space: pre-wrap;
word-break: break-all;
/* For Chrome and IE */
word-wrap: break-word;
il fonctionne de cette façon pour Firefox:
word-break: initial;
word-wrap: break-word;
Hows à propos de nous essayez ceci:
div{ overflow-wrap:break-word; }
qui travaillent pour moi bien:
/* For Firefox */
white-space: pre-wrap;
overflow-wrap: break-word;
/* For Chrome and IE */
word-wrap: break-word;
Il a l'air de trop-plein-wrap est quelque chose de nouveau dans Firefox. Plus d'informations peuvent être trouvées ici:
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
"La propriété était à l'origine une extension Microsoft non standard et non préfixée appelée" word-wrap ", et a été implémentée par la plupart des navigateurs avec le même nom. ** Elle a depuis été renommée' overflow-wrap', avec 'word-wrap' être un alias. ** " – chappjc
Quelle version de FF sont u utiliser? http://jsfiddle.net/xUwkF/ cela fonctionne sur FF 3.6 –
c'est bien, merci beaucoup. – zjm1126
http://hacks.mozilla.org/2009/06/word-wrap/ –