que doit faire line-height puisqu'il existe déjà un attribut appelé font-size?Quel est le but de line-height, et qu'est-ce que white-space: nowrap?
Et qu'est-ce que cela veut dire quand nous spécifions quelque chose comme:
white-space:nowrap;
La propriété line-height vous permet de régler la hauteur d'une ligne de texte indépendamment de la taille de la police (fonctionne bien pour centrer une seule ligne de texte à la verticale, etc.)
white-space: nowrap; pour les lignes de texte ne pas envelopper jusqu'à ce qu'un < br/> soit rencontré.
La propriété line-height définit la distance entre les lignes. Si vous faites la valeur plus grande que la taille de la police, il semblera que les lignes se déplacent plus loin. Réglez-le plus petit, et les lignes commenceront à se chevaucher.
La hauteur de ligne spécifie la quantité d'espace entre les lignes. Donc, pour obtenir un type "double interligne", vous auriez une hauteur de ligne: 200%. Read More...
line-height: http://www.w3schools.com/css/pr_dim_line-height.asp
-espace blanc: http://www.w3schools.com/css/pr_text_white-space.asp
Il est utilisé principalement pour la distance entre les lignes dans un paragraphe.
La propriété Line-height définit la distance entre les lignes.
La propriété white-space définit la gestion de l'espace blanc à l'intérieur d'un élément.
nowrap: Le texte ne sera jamais envelopper, il continue sur la même ligne jusqu'à ce qu'un < br tag > est rencontré
Une autre astuce qui peut être utilisé avec la propriété line-height est d'aligner verticalement texte à l'intérieur d'un élément . Prenons l'exemple suivant:
<div class="container">
<h1>Vertically align this!</h1>
</div>
.container {
height: 5em;
background-color: red;
line-height: 5em;
}
.container h1 {
font-size: 3em;
}
line-height va régler la distance entre deux lignes, soit en tant que valeur absolue ou relative. Donc, line-height: 2em; serait double interligne, etc. Alors que font-size définit la taille réelle de la police.
white-space indique au navigateur comment gérer les espaces. "nowrap" indiquera au navigateur de ne jamais renvoyer de texte, et au contraire de faire en sorte que le texte continue sur la ligne jusqu'à ce qu'une balise de saut de ligne (<br/>) soit rencontrée. Vous pouvez également utiliser "pre" pour conserver les espaces (identique à l'utilisation de la balise HTML <pre>), ou vous pouvez utiliser "normal" pour indiquer au navigateur d'ignorer les espaces (c'est le comportement par défaut).
La hauteur de la ligne correspond à la hauteur du texte. Les polices ont une hauteur de ligne par défaut intégrée. Pour les lignes simples, le texte sera le même que pour ajuster le remplissage. Mais pour les multilignes de texte, il contrôle l'espace entre les lignes de texte - qu'il n'y a pas d'autre moyen de contrôler.
Espace blanc: nowrap indique au navigateur de ne pas démarrer une nouvelle ligne s'il manque d'espace horizontalement. Au lieu de cela, poussez l'élément aussi large que possible, puis débordez simplement les dimensions de la boîte.Vous pouvez obtenir la même chose en remplaçant tous les espaces par & nbsp; entités.
L'utilisation principale de "white-space: nowrap;" est à l'intérieur d'une cellule d'en-tête de table (en haut de la table, ou à gauche) où vous ne voulez pas que, selon le contenu de la table, vous obteniez des sauts de ligne. Sans cela, le résultat serait facilement moche.