Comment puis-je définir l'interligne avec CSS, comme nous pouvons le définir dans MS Word?
145
Essayez la propriété line-height .
Par exemple, 12px font-size et 4px distants des lignes inférieure et supérieure:
line-height: 20px; /* 4px +12px + 4px */
Ou avec des em
unités
line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666 */
display: block;
que ces paramètres soient efficaces partout, pas seulement en haut et en bas de paragraphe.Vous pouvez également utiliser une valeur sans unité, qui est le nombre de lignes:
line-height: 2;
est à double interligne,line-height: 1.5;
est un et demi, etc.la source
Vous ne pouvez pas définir l'espacement inter-paragraphes dans CSS en utilisant la hauteur de ligne, l'espacement entre les
<p>
blocs. Cela définit à la place l'espacement des lignes intra-paragraphe, l'espace entre les lignes dans un<p>
bloc. Autrement dit, la hauteur de ligne est l'interligne du typographe dans le paragraphe est contrôlée par la hauteur de ligne.Je ne connais actuellement aucune méthode en CSS pour produire (par exemple) un
<p>
espacement de 0,15em , que ce soit en utilisant des variantes em ou rem sur une propriété de police. Je soupçonne que cela peut être fait avec des flotteurs ou des compensations plus complexes. Dommage que cela soit nécessaire en CSS.la source
<p>
espacement?margin-top
et / oumargin-bottom
peut accomplir efficacement ce qui est souhaité ici.Si vous voulez des lignes condensées, vous pouvez définir la même valeur pour
font-size
etline-height
Dans votre fichier CSS
Dans votre fichier HTML
-> Jouez avec cet extrait sur jsfiddle.net
Vous pouvez également augmenter le
line-height
contrôle de l'espacement des lignes fines:la source
Essayez cette propriété
ou
utiliser l'augmentation et diminuer le volume
la source
Je ne sais pas si c'est ce que vous vouliez dire:
la source
Essayez la
line-height
propriété; il existe de nombreuses façons d'attribuer la hauteur de lignela source
Ouais, comme tout le monde le dit,
line-height
c'est la chose. Toutes les polices que vous utilisez, un caractère à mi-hauteur (comme un ou ■, ne passe pas par le haut ou le bas) devrait aller avec la même hauteur de longueur àline-height: 0.6
la0.65
.la source
lineSpacing est utilisé dans React Native (ou dans les applications mobiles natives).
Pour le Web, vous pouvez utiliser
letterSpacing
(ouletter-spacing
)la source