Comment réaliser un retour à la ligne multi-navigateurs en CSS et JavaScript ?

Retour à la ligne multi-navigateurs en CSS et JavaScript pour le texte long en divisions

Problème :

Envelopper un texte long sans casser d'espaces dans des div de largeur prédéterminée est un défi multi-navigateur. Les méthodes traditionnelles comme le débordement ou l'injection de caractères spéciaux dans la chaîne présentent des limites ou des inconvénients.

Solution CSS :

Utilisation de la propriété CSS word-wrap : break-word ; résout ce problème. Il prend en charge le retour à la ligne du texte pour tous les principaux navigateurs, notamment FireFox, Opera et Safari.

Exemple de code :

.wordwrap {
    word-wrap: break-word;
}

Cette classe de feuille de style permettra au texte de couper des lignes. dans les limites du div auquel il est appliqué.

Supplémentaire Remarques :

• La propriété word-wrap est prise en charge dans Internet Explorer 5.5 et tous les navigateurs modernes.
• La combinaison de word-wrap avec d'autres propriétés CSS, telles que no_wordwrap, fournit contrôle du comportement d'emballage. Par exemple :

.no_wordwrap {
    word-wrap: normal;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!