Cómo configurar el interlineado CSS
En el diseño de una página web, siempre es antiestético tener varios párrafos grandes de texto apiñados. En este momento, debemos establecer el interlineado para que el texto parezca menos abarrotado y hacer que el espacio sea más claro. Toda la página se ve hermosa y ordenada, entonces, ¿cómo configurar el interlineado? Este artículo le presentará cómo configurar el interlineado CSS.
En primer lugar, debemos saber que no existe ningún atributo que pueda establecer directamente el interlineado en CSS, por lo que debemos usar line-height para establecer el interlineado. Cuanto mayor sea el valor de interlineado. altura, entonces cuanto mayor sea el interlineado.
El valor de Line-height se establece en un valor específico, que puede ser un valor relativo o un valor absoluto. En páginas estáticas, los valores absolutos se suelen utilizar cuando el tamaño del texto es fijo, pero. para foros y blogs, páginas donde el usuario puede personalizar el tamaño de fuente, generalmente establecido en un valor relativo, de modo que el interlineado correspondiente se pueda cambiar con el tamaño de fuente definido por el usuario.
Echemos un vistazo a un ejemplo de código que utiliza la altura de línea para establecer el interlineado en CSS:
lt;!DOCTYPE htmlgt;
lt ;htmlgt ;
lt;headgt;
lt;meta charset="UTF-8"gt;
lt;titlegt;lt;/titlegt;
lt; estilo tipo="text/css"gt;
span {
tamaño de fuente: 20px
altura de línea: 2em; ;
}
lt;/stylegt;
lt;/headgt;
lt;bodygt;
lt;spangt;
Las flores de durazno brillan intensamente. Cuando el hijo regresa a casa, es adecuado para su familia. lt; brgt;
Taozhiyaoyao, en realidad. Cuando el hijo regresa a casa, es adecuado para su familia. lt; brgt;
El melocotón es joven, sus hojas son puras. Cuando el hijo regrese a casa, será un buen momento para su familia.
lt;/spangt;
lt;/bodygt;
lt;/htmlgt; El efecto de configurar el interlineado CSS es el siguiente:
Este artículo termina aquí. Para obtener más contenido interesante, puede prestar atención a la columna de tutoriales relacionados con Gxlcms. ! !