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

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.

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

   </p></li>
  <li><p>nowrap Le texte ne sera pas renvoyé à la ligne. Le texte continuera sur la même ligne jusqu'à ce que la balise <br> </p></li>
  <li><p>pre-wrap Préserve les séquences d'espaces, mais s'enroule normalement. </p></li>
  <li><p>pre-line Fusionne les séquences d'espaces, mais conserve les nouvelles lignes. </p></li>
  <li><p>inherit spécifie que la valeur de l'attribut white-space doit être héritée de l'élément parent. </p></li>
  </ul>
  <p>Exemple :</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">p{
      white-space:nowrap;
  }

  Copier après la connexion

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!