Cómo calcular la altura de texto

Saber cómo calcular la altura ocupada por una sección de texto en su página web es una habilidad importante con un número de diferentes aplicaciones en el diseño web. Es posible que tenga un largo bloque de texto y desea saber si cabe en el que desea que sin compensar otros elementos de su página Web, o si tendrá que ponerlo en un recipiente con barras de desplazamiento. Afortunadamente, el cálculo de la altura de una línea de texto se puede hacer en JavaScript con sólo unas pocas líneas de código.

Instrucciones

1 Abra la página web con la línea de texto que desea medir en su editor de texto preferido.

2 Rodear el bloque de texto con una etiqueta <div> que contiene un valor de "id", como en el siguiente ejemplo:

<Div id = "HowBig"> Este es el texto estoy midiendo </ div>

3 Inserte el siguiente código debajo del contenedor <div> que creó en el paso anterior:

<Script type = "text / javascript">

Caja var = document.getElementById ( 'HowBig');

alerta (box.clientHeight);

</ Script>

(Ver referencia 1)

4 Guardar y publicar su página web. Un cuadro de alerta pop-up que contiene la altura en píxeles de la línea de texto que ha especificado cuando se accede a su página web.

Consejos y advertencias

• Asegúrese de limitar la cantidad de texto en el <div> contenedor a una línea para medir con precisión la altura en píxeles de la línea de texto.