Définir l'interligne

Comment puis-je régler l'espacement des lignes avec des CSS, comme nous pouvons le définir dans MS Word?

InformationsquelleAutor Moon | 2010-10-02

216

Essayer le la hauteur de la ligne propriété.

Par exemple, 12px taille de police et 4px éloigné de la partie inférieure et supérieure de lignes:
```
line-height: 20px; /* 4px +12px + 4px */
```
Ou avec em unités
```
line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666 */
```
- Il ne travaille pas dans Presto en fonction de l'Opéra. J'ai besoin d'une solution de contournement... s'il vous plaît! :\
- J'ai trouvé j'ai aussi besoin de display: block; pour ces paramètres pour être efficace partout, pas seulement en haut et en bas de paragraphe.
- Soyez prudent avec ça. Les éléments en ligne devrait, probablement, être "display: inline-block;"
- N'oubliez pas que vous ne pouvez pas définir la hauteur de la ligne valeur de la propriété en vertu de " 1 " ou "100%" si vous êtes un réglage à un <a> élément. Si vous avez voulu ainsi, vous pouvez mettre un entre votre texte et votre <a>, par exemple.
- il ne fonctionne pas avec durée car, comme mentionné par @PatrickT durée n'est pas display:block
- il n'est pas supposé.Aussi, si vous avez besoin de l'utiliser dans un span, it0s préférable d'utiliser display: inline-block, au lieu de display: block.
- vous pouvez pas une telle chose va se produire pour les utilisateurs qui auront besoin d'utiliser java applet ou une application web qui nécessite ᴜᴅᴘ socket (en raison de la perte de ɴᴘᴀᴘɪ de soutien et tous les navigateurs sont à retirer leur soutien dans leur plug‑in personnalisé ᴀᴘɪ). Le ᴊᴘʟ site web dédié à la mission Cassini exige toujours le temps rapide plugin pour regarder leurs videoꜱ en ligne. Pour ne pas mentionner seulement ɴᴘᴀᴘɪ plugins vous permet de regarder la vidéo stéréoscopique grâce à stéréoscopique affiche en streaming. Dans mon pays, deux grandes chaînes de télévision canal fournisseur exige toujours de silverlight, avec des plans à ne pas mettre à niveau.
- Comme le web évoluer, non seulement la compatibilité est perdu, mais la fonctionnalité de trop... Et non presto opéra ont que le nom en commun (c'est vraiment 2 interfaces différentes et la plus récente est vraiment moins personnalisable), j'ai décidé de ne pas mettre à niveau par la suite.
InformationsquelleAutor Mario Cesar
93

La fin de cette partie, mais je voulais ajouter sur.

Vous pouvez également utiliser une unité-moins de valeur, qui est le nombre de lignes: line-height: 2; est à double interligne, line-height: 1.5; est un et demi, etc.
- Il ne travaille pas dans Presto en fonction de l'Opéra. J'ai besoin d'une solution de contournement... s'il vous plaît! :\
- statut: fonctionne sur ma machine. Avez-vous essayer l'une des autres réponses?
- Je veux dire que le CSS de l'élément est reconnu, mais n'affecte pas le rendu de la sortie. Testé 12.16 et à 12,50€. Les autres réponses sont fondamentalement les mêmes : ILS DISENT TOUS à la hauteur de la ligne de l'élément!
- Parce que c'est la façon dont vous le faites. J'imagine que c'est un bug lié au navigateur ou le manque de soutien pour que la règle css. Devrait probablement être demandé comme une question distincte.
- Bien sûr, demandant une solution de contournement est hors-sujet ici... par la façon dont je l'ai vu affecter d'autres navigateurs marques: il existe pas lorsque le paramètre est défini avec le DOM ou lorsque contenteditable="true" est présent.
InformationsquelleAutor MikeTheLiar

Si vous voulez résumés des lignes, vous pouvez définir la même valeur pour font-size et line-height

Dans votre fichier CSS

.condensedlines {              
    font-size:   10pt;
    line-height: 10pt;  /* try also a bit smaller line-height */
}

Dans votre fichier HTML

<p class="condensedlines">
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
</p>

--> Jouer avec cet extrait sur jsfiddle.net

Vous pouvez également augmenter line-height pour la ligne fine le contrôle d'espacement:

.mylinespacing {
    font-size:   10pt;
    line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}

InformationsquelleAutor olibre

9

Vous ne pouvez pas définir inter-espacement de paragraphe dans le CSS à l'aide de la hauteur de la ligne, l'espacement entre les  blocs. Qu'au lieu définit l'intra-point de la ligne, l'espacement entre les lignes à l'intérieur d'un  bloc. Qui est, la hauteur de la ligne est le typographe de l'inter-ligne leader dans le paragraphe est contrôlée par la hauteur de la ligne.

J'ai actuellement ne connais pas de méthode dans le CSS pour produire (par exemple) à 0,15 em inter- espacement, si l'utilisation d'em ou rem variantes sur la police de la propriété. Je soupçonne qu'il peut être fait avec la plus complexe des flotteurs ou des compensations. Dommage c'est nécessaire dans le CSS.
- Ne pourriez-vous pas utiliser les marges que pour l'inter- espacement?
- Dans certains cas, margin-top et/ou margin-bottom peut effectivement accomplir ce qui est recherché ici.
InformationsquelleAutor Thomas Visel
8

Essayer cette propriété
```
line-height:200%;
```
ou
```
line-height:17px;
```
utiliser l'augmentation de la & diminuer le volume
- Il ne travaille pas dans Presto en fonction de l'Opéra. J'ai besoin d'une solution de contournement... s'il vous plaît! :\
InformationsquelleAutor ANANTH.S
3

Je ne suis pas sûr si c'est ce que vous avez voulu dire:
```
line-height: size;
```
- c'EST ce que je voulais dire...
InformationsquelleAutor Alan Haggai Alavi
3

Essayer line-height bien; il y a de nombreuses façons d'attribuer hauteur de la ligne

InformationsquelleAutor Harsha M V
0

lineSpacing est utilisé dans de Réagir Natif (ou des applications mobiles natives).

Pour le web, vous pouvez utiliser letterSpacing (ou letter-spacing)

InformationsquelleAutor Eric Kim

Vous devez vous connecter pour publier un commentaire.