Maison > interface Web > tutoriel CSS > Explication détaillée de l'utilisation et de la définition de l'attribut CSS d'espace blanc

Explication détaillée de l'utilisation et de la définition de l'attribut CSS d'espace blanc

黄舟
Libérer: 2017-06-20 11:56:21
original
5172 Les gens l'ont consulté

L'attribut white-space de CSS est utilisé pour spécifier comment gérer les caractères d'espacement dans le conteneur, tels que : espace ( ), nouvelle ligne (n), indentation (t), etc.

l'espace blanc vient de CSS1, convient aux éléments de bloc, possède des propriétés d'héritage et prend en charge tous les navigateurs grand public tels que IE 5.5+, Chrome, FireFox, Safari, Opera, etc. Sa valeur par défaut est normale.

Syntaxe :

white-space : normal | pre | nowrap
Copier après la connexion

Paramètres :

normal : Méthode de traitement par défaut
pre : Afficher le texte pré-formatté dans une police à largeur fixe. Ne fusionnez pas l'espacement entre les mots et effectuez une justification. Voir pre object
nowrap : force tout le texte à être affiché sur la même ligne jusqu'à ce que la fin du texte ou qu'un objet br soit rencontré. Reportez-vous à l'attribut (fonctionnalité) nowrap de td, div et d'autres objets

Description :

Définissez ou récupérez la méthode de traitement des espaces dans l'objet.
La fonctionnalité de script correspondante est whiteSpace. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

p { white-space: nowrap; }
Copier après la connexion


Explication

les espaces blancs prennent en charge normal, pre, nowrap, pre-wrap, pre-line , héritage et autres valeurs. Détaillons ci-dessous les différences entre ces valeurs.

Explication détaillée de lutilisation et de la définition de lattribut CSS despace blanc

JavaScript opération

Le nom d'attribut correspondant de l'espace blanc en JavaScript est whiteSpace, par exemple :

document.getElementById("p1").style.whiteSpace = "nowrap";

La propriété whiteSpace sur l'objet style est lisible et inscriptible, mais actuelle La propriété whiteSpace sur l'objet Style est en lecture seule.

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