Comment ajouter des sauts de ligne à l'aide des propriétés CSS. Saut de ligne et ligne de séparation en HTML Comment démarrer une nouvelle ligne en HTML
Saut de ligne, saut de ligne, saut de ligne - c'est à peu près la même chose. En HTML, les nouvelles lignes sont souvent utilisées. Il existe plusieurs manières : utiliser un tag
pour passer à une nouvelle ligne, ou vous pouvez utiliser les propriétés CSS pour rompre une ligne. Regardons un exemple d'utilisation d'une balise de saut de ligne :
En CSS, les sauts de ligne peuvent être implémentés de différentes manières, par exemple comme ceci :
Br (
flotteur : gauche ;
largeur : 100 % ;
marge : 0 0 20px 0 ; /* retrait après la ligne 20 pixels */
}
Ligne de séparation utilisant HTML ou CSS
En HTML, créer une ligne de démarcation est très simple. Une balise non appariée est également utilisée
- c'est la ligne de démarcation. La ligne de démarcation commence par nouvelle ligne et après il y a un tiret. Vous pouvez contrôler le style de la ligne horizontale et vous pouvez également créer une alternative à celle-ci. Vous trouverez ci-dessous un exemple de ligne de démarcation utilisant une balise :
Maintenant, stylisons (changeons les styles, changeons l'apparence) notre ligne de démarcation :
heure (
largeur : 80 % ; /* largeur de ligne */
hauteur : 4px ; /* hauteur / épaisseur de ligne */
arrière-plan : #333 ; /* couleur d'arrière-plan / de ligne */
bordure : 0 ; /* cadre autour de la ligne de démarcation (supprimez-le) */
marge : 5px 0 5px 0 ; /* remplissage au-dessus et en dessous de la ligne 5 pixels */
}
Et créons une alternative à notre ligne de démarcation en utilisant le tag
information brève
Versions CSS
| CSS1 | CSS2 | CSS2.1 | CSS3 |
|---|---|---|---|
Description
La propriété white-space spécifie comment afficher les espaces entre les mots. Dans des circonstances normales, un certain nombre d'espaces dans le code HTML apparaissent comme un seul sur une page Web. L'exception est la balise
Le texte placé dans ce conteneur est affiché avec tous les espaces tel qu'il a été formaté par l'utilisateur. L'espace blanc imite donc le fonctionnement de la baliseMais contrairement à lui, il ne change pas la police en monospace.Syntaxe
espace blanc : normal | maintenantrap | pré | pré-ligne | pré-emballage | hériter
Valeurs
normal Le texte dans la fenêtre du navigateur s'affiche comme d'habitude, les sauts de ligne sont définis automatiquement. nowrap Les espaces sont ignorés, les sauts de ligne dans le code HTML sont ignorés, tout le texte est affiché sur une seule ligne ; en même temps, en ajoutant une balise
enveloppe le texte sur une nouvelle ligne. pre Le texte est affiché en tenant compte de tous les espaces et tirets tels qu'ils ont été ajoutés par le développeur dans le code HTML. Si la ligne est trop longue et ne rentre pas dans la fenêtre du navigateur, une barre de défilement horizontale sera ajoutée. Les espaces de pré-ligne ne sont pas pris en compte dans le texte ; le texte est automatiquement déplacé vers la ligne suivante s'il ne rentre pas dans la zone spécifiée. pre-wrap Tous les espaces et sauts sont conservés dans le texte, mais si la largeur de la ligne ne rentre pas dans la zone spécifiée, le texte sera automatiquement renvoyé à la ligne suivante. hériter Hérite de la valeur du parent.L'effet des valeurs sur le texte est présenté dans le tableau. 1.
HTML5 CSS2.1 IE Cr Op Sa Fx
espace blanc Exemple
Le dernier théorème de Fermat
X n+Y n=Z n
où n est un entier > 2Résultat cet exemple montré sur la fig. 1.
Riz. 1. Application de la propriété espace blanc
Modèle objet
document.getElementById("elementID ").style.whiteSpace
Navigateurs
Navigateur Internet Explorer jusqu'à la version 7.0 incluse, ne prend pas en charge les valeurs pre-line , pre-wrap et Ensure . Pour