Maison > interface Web > tutoriel CSS > Explication détaillée de l'utilisation de l'attribut CSS word-wrap

Explication détaillée de l'utilisation de l'attribut CSS word-wrap

黄舟
Libérer: 2017-06-20 13:29:07
original
3132 Les gens l'ont consulté

Il s'agit d'un code simple qui permet d'afficher des mots longs dans de nouvelles lignes lorsque le cadre extérieur n'est pas assez grand. Il est encore très utile dans de nombreux éditeurs de pages Web en anglais.

Syntaxe :

word-wrap : normal | break-word
Copier après la connexion

Paramètres :

normal : Autoriser le contenu à briser la limite spécifiée du conteneur
break-word : Le contenu sera Enroulez les lignes dans les limites. Si nécessaire, des sauts de ligne intra-mots (word-break) peuvent également se produire

Description :

Définissez ou récupérez s'il faut rompre lorsque la ligne actuelle dépasse la limite de le conteneur spécifié. La fonctionnalité de script correspondante de
est wordWrap. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

div { word-wrap: break-word; }
Copier après la connexion

Application de code. Dans cet exemple, nous divisons les mots longs.

p.test {word-wrap:break-word;}
Copier après la connexion

Ce retour à la ligne est pris en charge par tous les navigateurs.

utilisation du retour à la ligne, sa valeur par défaut est normale et sa propriété héritage est oui et sa version est un processus de style CSS3

. Lorsque vous utilisez ce code, vous devez définir le cadre extérieur.

<style> 
p.test
{
width:11em; 
border:1px solid #000000;
word-wrap:break-word;
}
</style>
Copier après la connexion

Application Java de retour à la ligne. Une mission est terminée.

object.style.wordWrap="break-word"
Copier après la connexion

Syntaxe de Word-wrap word-wrap : normal|break-word;

Deux valeurs de paramètres différentes. L’un est la valeur par défaut du navigateur et l’autre est la déconnexion des mots.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal