Faire en sorte que les caractères longs soient automatiquement renvoyés à la ligne (tels que les URL et les adresses e-mail) Objectif : Faire en sorte que les chaînes très longues soient automatiquement renvoyées, mais ne coupez pas les mots courts au milieu.
Voici comment procéder :
- <style>
- div{
- width:300px;overflow:hidden;/* pour FF, Opera, largeur fixe ; masquer les caractères supplémentaires*/
- word-wrap:break-word;word-break:normal;/* pour IE, Safari, prend en charge le retour à la ligne automatique*/
- }
- </style>
|
Vous pouvez exécuter le code suivant dans IE, Firefox, Opera et Safari respectivement pour voir :
- < style tapez = "texte/css" >
- div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}
- </style>
- <div> félicitations
- Enveloppez les caractères longs (tels que les URL et les adresses e-mail) :
- http://www.div-css.com/html/standard/base/81857.html
- SDFG CERTAINS mots ont un espacement...
- XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxespace blanc : nowrap
- Certaines polices chinoises Certaines polices chinoises Certaines polices chinoises Certaines polices chinoises Certaines polices chinoises Certaines polices chinoises peuvent ne pas envelopper
- Normalisation du Web < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com </ a >
- Caractères chinois Caractères chinois Caractères chinois Caractères anglais chinois Caractères chinois Caractères anglais chinois Caractères chinois anglais Caractères chinois anglais Caractères chinois anglais Caractères chinois anglais Caractères chinois anglais Caractères
- </div>
|
De plus, quant à la méthode sur Internet consistant à utiliser JS pour encapsuler automatiquement de longues chaînes dans Firefox, elle n'est pas recommandée. La raison en est que la chaîne obtenue après encapsulage n'est plus la chaîne d'origine, par exemple s'il s'agit d'un lien. adresse, si vous la copiez à nouveau, vous n'obtiendrez plus l'adresse d'origine et il y aura un espace au milieu. C'est déjà un autre lien.
