Espaciado vertical de lineas
¿Cómo puedo cambiar el espaciado vertical entre lineas en un texto?
1 respuesta
Respuesta de scriptman
1
Esto es Estilo, no javascript.
Es muy sencillo, aquí un ejemplo:
Aquí, line-height determina la separación; una y media veces la normal. Prueba cambiando el valor.
Se usan porcentajes debido a que la separación cambia según el tamaño del texto. Use <font> solo por dar un ejemplo, pero puede aplicarse a cualquier elemento que use estilo:
Body, a, div, h1, etc.
Es muy sencillo, aquí un ejemplo:
<font style="line-height: 150%; "> bla bla bla bla Blabla. blabla <br> bla bla bla bla Blabla. blabla <br> bla bla bla bla Blabla. blabla <br> bla bla bla bla Blabla. blabla </font>
Aquí, line-height determina la separación; una y media veces la normal. Prueba cambiando el valor.
Se usan porcentajes debido a que la separación cambia según el tamaño del texto. Use <font> solo por dar un ejemplo, pero puede aplicarse a cualquier elemento que use estilo:
Body, a, div, h1, etc.
Gracias.
Es una buena forma, pero quería no tener que utilizar estilos porque en determinados navegadores dan problemas. ¿Existe alguna opción sin usarlos?
Es una buena forma, pero quería no tener que utilizar estilos porque en determinados navegadores dan problemas. ¿Existe alguna opción sin usarlos?
Claro, pero si usáramos javascript para, por ejemplo el posicionamiento del texto, estaríamos usando estilo también (top, left).
Por lo que una solución compatible con todos los browsers y sin usar JS ni CSS seria poner una imagen vacía entre cada linea, de la altura deseada:
bla bla bla bla<br>
<img src="void.gif" heigth="30" width="1">
blablablabla<br>
La recomendación oficial de HTML, XHTML, javascript y CSS, nos aconseja usar estilo donde sea posible, para que exista una separación entre el fondo y la forma. También es bueno señalar que las versiones recientes de navegadores como Netscape, Internet Explorer y Opera se basan en estas recomendaciones.
Particularmente la CSS2, donde especifica el line-height, salio en 1998. Conforme pasan los años, los navegadores son más apegados a las normas y por ende compatibles entre sí.
Por lo que una solución compatible con todos los browsers y sin usar JS ni CSS seria poner una imagen vacía entre cada linea, de la altura deseada:
bla bla bla bla<br>
<img src="void.gif" heigth="30" width="1">
blablablabla<br>
La recomendación oficial de HTML, XHTML, javascript y CSS, nos aconseja usar estilo donde sea posible, para que exista una separación entre el fondo y la forma. También es bueno señalar que las versiones recientes de navegadores como Netscape, Internet Explorer y Opera se basan en estas recomendaciones.
Particularmente la CSS2, donde especifica el line-height, salio en 1998. Conforme pasan los años, los navegadores son más apegados a las normas y por ende compatibles entre sí.
