¿Qué se supone que haga line-height ya que ya hay un atributo llamado font-size?¿Cuál es el propósito de la altura de línea, y qué hace white-space: nowrap do?
Y lo que quiere decir cuando especificamos algo como:
white-space:nowrap;
La propiedad line-height le permite ajustar la altura de una línea de texto independientemente del tamaño de la fuente (que funciona bien para centrar una sola línea de texto vertical, etc.)
white-space: nowrap; para que las líneas de texto no se envuelvan hasta que se encuentre < br/>.
La propiedad line-height establece la distancia entre las líneas. Si haces que el valor sea más grande que el tamaño de fuente, parecerá que las líneas se están alejando. Ajústelo más pequeño, y las líneas comenzarán a superponerse.
La altura de línea especifica la cantidad de espacio entre líneas. Entonces, para obtener el tipo "espaciado doble", tendría una altura de línea: 200%. Read More...
line-height: http://www.w3schools.com/css/pr_dim_line-height.asp
de espacio en blanco: http://www.w3schools.com/css/pr_text_white-space.asp
Se utiliza sobre todo para la distancia entre líneas de un párrafo.
La propiedad Line-height establece la distancia entre líneas.
La propiedad white-space establece cómo se maneja el espacio en blanco dentro de un elemento.
nowrap: El texto no se ajustará, continúa en la misma línea hasta que un > etiqueta < ancho se encuentra
Otro truco que se puede utilizar con la propiedad line-height es alinear verticalmente el texto dentro de un elemento . Tome el ejemplo siguiente:
<div class="container">
<h1>Vertically align this!</h1>
</div>
.container {
height: 5em;
background-color: red;
line-height: 5em;
}
.container h1 {
font-size: 3em;
}
line-height fijará la distancia entre dos líneas, ya sea como un valor absoluto o relativo. Por lo tanto, line-height: 2em; sería un espaciado de línea doble, etc. Mientras que font-size establece el tamaño real de la fuente.
white-space indica al navegador cómo manejar espacios en blanco. "nowrap" le dirá al navegador que nunca ajuste el texto, y en cambio haga que el texto continúe en la línea hasta que se encuentre una etiqueta de salto de línea (<br/>). También puede usar "pre" para conservar el espacio en blanco (lo mismo que usar la etiqueta HTML <pre>), o puede usar "normal" para decirle al navegador que ignore el espacio en blanco (este es el valor predeterminado).
La altura de línea es el alto del texto. Las fuentes tienen una altura de línea predeterminada incorporada. Para líneas simples de texto, será lo mismo que ajustar el relleno. Pero para líneas múltiples de texto, controla el espacio entre las líneas de texto, que no hay otra manera de controlar.
Espacio en blanco: nowrap le dice al navegador que no comience una nueva línea cuando se quede sin espacio horizontalmente. En lugar de eso, empuje el elemento lo más posible, y simplemente desborde las dimensiones de la caja.Puede lograr lo mismo reemplazando todos los espacios con & nbsp; entidades.
El uso principal de "white-space: nowrap;" está dentro de una celda de encabezado de tabla (en la parte superior de la tabla, o en la izquierda) donde no quiere eso, dependiendo del contenido de la tabla, obtendría saltos de línea. Sin eso, el resultado sería fácilmente feo.