Maison  >  Article  >  interface Web  >  Comment contrôler que le texte ne soit pas enveloppé dans CSS

Comment contrôler que le texte ne soit pas enveloppé dans CSS

王林
王林original
2020-11-23 14:47:323559parcourir

Comment contrôler le texte sans retour à la ligne en CSS : vous pouvez utiliser l'attribut d'espace blanc pour le contrôler, tel que [white-space:nowrap;]. L'attribut d'espace blanc spécifie comment gérer l'espace blanc dans le texte. L'élément Normal signifie que le navigateur ignore l'espace blanc.

Comment contrôler que le texte ne soit pas enveloppé dans CSS

L'environnement d'exploitation de ce tutoriel : Système Windows 10, version CSS3, cette méthode convient à toutes les marques d'ordinateurs.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

Comment contrôler que le texte ne soit pas enveloppé en CSS :

Utiliser blanc- L'attribut space spécifie comment gérer les espaces dans l'élément.

Valeur de l'attribut :

  • normal par défaut. Les espaces blancs sont ignorés par le navigateur.

  • pré Les espaces vides seront conservés par le navigateur. Il se comporte comme la balise e03b848252eb9375d56be284e690e873

  • nowrap Le texte ne sera pas renvoyé à la ligne. Le texte continuera sur la même ligne jusqu'à ce que la balise 0c6dc11e160d3b678d68754cc175188a

  • pre-wrap Préserve les séquences d'espaces, mais s'enroule normalement.

  • pre-line Fusionne les séquences d'espaces, mais conserve les nouvelles lignes.

  • inherit spécifie que la valeur de l'attribut white-space doit être héritée de l'élément parent.

Exemple :

p{
    white-space:nowrap;
}

Recommandations associées :Tutoriel CSS

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!

Déclaration:
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