Saltar al contenido

Justificar y centrar texto HTML/CSS?

Encontramos el hallazgo a este atolladero, o por lo menos eso pensamos. Si tienes interrogantes dínoslo y sin dudarlo te responderemos

Solución:

Desafortunadamente, no existe una solución CSS concreta en el momento de escribir este artículo para lograr el resultado deseado.

Sin embargo, el nivel 3 de CSS ha introducido una función con el nombre text-align-last para manejar la alineación de la última línea de un bloque:

7.3 Alineación de última línea: la propiedad text-align-last

Esta propiedad describe cómo se alinea la última línea de un bloque o una línea justo antes de un salto de línea forzado.

Pero todavía está en Borrador de Trabajo estado. Por lo tanto, el soporte del navegador no es lo suficientemente bueno como para confiar en esta tecnología (todavía tiene errores en Chrome 35 y solo funciona en Firefox 12+).

Aquí hay un ejemplo que no puedo verificar (debido a mi FF4. ¡Sí! ¡Qué vergüenza!):

textarea 
    white-space: normal;
    text-align: justify;
    -moz-text-align-last: center; /* Firefox 12+ */
    text-align-last: center;

Alternativa: uso contenteditable

.container 
  width: 100px;
  height: 150px;
  background: #eee;
  display:flex;
  align-items: center;
  justify-content: center;


.text 
  text-align: center;
  word-break: break-all;
  margin: 10px;
click here and edit

Recuerda difundir este enunciado si te valió la pena.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *