Consejos útiles

Alineación HTML

Pin
Send
Share
Send
Send


La alineación del texto determina su apariencia y orientación de los bordes del párrafo y puede realizarse en el borde izquierdo, el borde derecho, el centro o el ancho. La opción más común es la justificación hacia la izquierda, cuando el texto de la izquierda se desplaza hacia el borde y la derecha permanece desigual. La alineación derecha y central se usa principalmente en títulos y subtítulos. Debe tenerse en cuenta que cuando se usa la justificación en ancho, pueden aparecer grandes intervalos entre las palabras en el texto, lo que no es muy hermoso.

Una etiqueta de párrafo se usa generalmente para establecer la alineación del texto.

con el atributo de alineación, que determina cómo alinear. También es posible alinear un bloque de texto usando una etiqueta

  • izquierda - alineación izquierda, establecida por defecto,
  • derecha - alineación derecha,
  • centro - alineación central
  • justificar: alineación en ancho (simultáneamente en los bordes derecho e izquierdo). Este valor solo funciona para texto que es más largo que una línea.

El atributo de alineación se puede aplicar tanto al texto como a los encabezados (Ejemplo 7.4).

Ejemplo 7.4. Métodos de alineación de texto

El resultado de este ejemplo se muestra en la fig. 7.4.

Opciones 3

Todo el secreto estaba en la última línea del siguiente código:
ul <font: 14px Verdana, Ginebra, sans-serif, text-align: justify, / * Zero para el padre * / line-height: 0, font-size: 1px, / * 1px para Opera * / / * Medicine for IE6 -7 * / text-justify: periódico,>
Como puede ver, con la ayuda de justificar texto: periódico, con ul, nuestra versión se convierte en un navegador cruzado. Esto se debe al hecho de que el texto justifica: la propiedad del periódico está diseñada para aumentar o disminuir el espacio entre letras y entre palabras. MSDN afirma que esto es "La forma más sofisticada de alineación para el alfabeto latino", pero este artículo también tiene la adición de que para los textos árabes esta propiedad extiende las letras mismas.

Opciones 4

Bueno, la opción 4 fue un rechazo del marcado adicional, lo que condujo a nuevos problemas en IE6-7.


Resulta que justificar el texto: el periódico solo permite estirar nuestras letras (bloque en línea), pero no el comando. En pocas palabras, le dice a la línea cómo quiere que se estire y alinee el texto: justificar es una fuerza de tensión. Es decir text-align: justify es responsable de estirar la línea y text-justify: el periódico solo especifica cómo ocurrirá exactamente este estiramiento.

En la revisión de la tercera opción, dije que SelenIT2 me solicitó dos propiedades, una de las cuales (justificar texto: periódico) nos ayudó en la versión anterior, ¡y la otra simplemente me ayudó en esto! Y esta vez se unieron y ya con doble poder lograron derrotar la última opción.
ul <font: 14px Verdana, Ginebra, sans-serif, text-align: justify, / * Zero para el padre * / line-height: 0, font-size: 1px, / * 1px para Opera * / / * Medicine for IE6 -7 * / text-justify: periódico, zoom: 1, / * Activa la última línea * / text-align-last: justify,>
Conoceme text-align-last - una propiedad que incluye el algoritmo de alineación de texto: justificar en la última línea de texto, si se aplica esta misma alineación de texto: justificar. En pocas palabras, cuando aplicamos la alineación de texto habitual: justifica el texto, luego de ver esto, la alineación de texto indica al primero que está funcionando mal y que ahora también tendrá que funcionar en la última línea.

Por cierto, se especifican estas propiedades, y no algunas propiedades (a excepción del valor del periódico, que ahora se llama de manera diferente). Así que ningún gatito sufrirá) Y quiero enfatizar que el error IE6-7 fue superado usando CSS3, ¿quién más vio esto antes? :)

En general, resumiendo la revisión, quiero decir que me alegro de haber logrado encontrar una solución realmente valiosa. Y no solo para encontrar, sino para descubrirlo y llevarlo a una compatibilidad cruzada absoluta entre navegadores gastando un mínimo de código y sin obstruir el marcado.

Si una breve revisión parece ser suficiente para alguien, entonces recomiendo leer este artículo (ya grande) con un informe exhaustivo. Pero, te lo advierto! El artículo no es realmente pequeño, así que antes de leer, es mejor abastecerse de sus galletas favoritas con té :)

Etiquetas: Agregar etiquetas

Buen dia a todos. En contacto Alexey Gulynin. En el último artículo, desarmamos Etiquetas HTML para trabajar con texto . Es hora de descubrir Cómo alinear texto en una página HTML . Si se dio cuenta, todo lo que escribió anteriormente está alineado con el borde izquierdo del navegador, y no hacemos nada, es la configuración predeterminada. ¿Qué debo hacer para alinear el contenido, por ejemplo, en el centro? Una etiqueta obsoleta viene a mi mente. Por el momento, no lo uso en ningún lado, pero creo que será útil que lo conozcas. Escribiremos el código de nuestra página y centraremos el texto. Para hacer esto, debe colocar el texto o cualquier otro elemento (por ejemplo, una imagen) entre las etiquetas:

Pin
Send
Share
Send
Send