lunes, 28 de abril de 2008

Mejorando visualmente tus links con CSS

En CSS, white-space maneja los espacios en blanco entre elementos, por ejemplo, entre las palabras de un párrafo. La propiedad CSS para white-space no es la más conocida ni utilizada, pero resulta muy útil para diagramar texto.

Los valores son: normal (el espacio en blanco es ignorado por el navegador), pre (se mantiene), y nowrap (el texto no se divide al cambiar de línea, salvo que usemos
). Esto es muy útil a la hora de “mejorar” la apariencia de nuestros enlaces.

Si tienes una lista de links, alguno con varias palabras, puede pasarte que se “corte” y continúe en la línea de abajo si ha llegado al margen del contenedor.

Esto se soluciona usando white-space: nowrap; que hará que el enlace entero baje al renglón inferior. Esto mejora la calidad de nuestros links y hasta facilita la lectura. ¿Muy bueno verdad?

Mejorando visualmente tus links con CSS

Fuente: CSSlab.cl

No hay comentarios:

 
free web counter