tag style examples div attribute css lines

style - CSS-Espaciado de línea



title tag html5 (7)

¿Cómo puedo establecer el espaciado de línea con CSS, como podemos establecer el espaciado entre líneas en MS Word?


No estoy seguro de si esto es lo que quieres decir:

line-height: size;


No se puede establecer el espaciado entre párrafos en CSS usando line-height, el espaciado entre los bloques <p> . En cambio, establece el espaciado entre líneas dentro del párrafo, el espacio entre líneas dentro de un bloque <p> . Es decir, la altura de línea es la línea entre líneas del tipógrafo dentro del párrafo que está controlada por la altura de línea.

Actualmente no conozco ningún método en CSS para producir (por ejemplo) un espaciado inter- <p> 0.15em, ya sea que use variantes em o rem en cualquier propiedad de fuente. Sospecho que se puede hacer con flotantes o compensaciones más complejas. Una pena esto es necesario en CSS.


Prueba esta propiedad

line-height:200%;

o

line-height:17px;

use el aumento y disminuya el volumen


Pruebe la propiedad de line-height .

Por ejemplo, 12px font-size y 4px distante de las líneas inferiores y superiores:

line-height: 20px; /* 4px +12px + 4px */

O con unidades em

line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666 */


Pruebe la propiedad de line-height ; hay muchas formas de asignar altura de línea


Si desea líneas condensadas, puede establecer el mismo valor para font-size de font-size y line-height

En tu archivo CSS

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

En tu archivo 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>

-> Juega con este fragmento en jsfiddle.net

También puede aumentar line-height de línea para el control de espaciado de línea fino:

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


Tarde a esta fiesta, pero quería agregar.

También puede usar un valor sin unidad, que es el número de líneas: line-height: 2; tiene doble espacio, line-height: 1.5; es uno y medio, etc.