Le Hollandais Volant#3514 - Note : CSS, break-word, <pre> et Firefox.
La règle CSS « word-wrap: break-word » permet de réduire la taille des mots trop longs pour les faire rentrer dans une boite de largeur fixe.
démonstration : http://lehollandaisvolant.net/tuto/css3/#tc13 ;
Cependant, si vous utilisez ça dans un <pre> ou un <code> ça ne fonctionnera pas sous Firefox : les <pre> ont leurs propre règles sur les retours à la ligne (Opera et Chrome n’ont pas ce problème).
Pour ultra-forcer les retours à la ligne, même dans les <pre>, et même dans Firefox, utilisez ce code CSS *en plus* :
pre { white-space: pre-wrap; }
(merci à tcit ( http://tcit.fr/ ) pour avoir trouvé le bug dans Blogotext)
démonstration : http://lehollandaisvolant.net/tuto/css3/#tc13 ;
Cependant, si vous utilisez ça dans un <pre> ou un <code> ça ne fonctionnera pas sous Firefox : les <pre> ont leurs propre règles sur les retours à la ligne (Opera et Chrome n’ont pas ce problème).
Pour ultra-forcer les retours à la ligne, même dans les <pre>, et même dans Firefox, utilisez ce code CSS *en plus* :
pre { white-space: pre-wrap; }
(merci à tcit ( http://tcit.fr/ ) pour avoir trouvé le bug dans Blogotext)