propiedades - Justificar texto en un HTML/XHTML TextArea

mover un texto en html

Question

Actualmente estoy tratando de justificar el texto en un área de texto, lamentablemente el CSS:

text-align: justify;

No funciona en el texto como centro, izquierda y derecha. Lo intenté tanto en Firefox 3 como en IE 7 sin suerte.

¿Hay alguna forma de evitar esto?

Answer 1

Creo que la práctica común es utilizar el TEXTAREA para obtener información sin tener en cuenta la justificación; y luego, una vez que se procesa la entrada (es decir, se envía el FORM o se captura un evento del TEXTAREA ), los contenidos se muestran en un elemento de texto no editable (como P , SPAN , TD ) donde el text-align: justify; el atributo de estilo será honrado.

Answer 2

No creo que esto sea posible en el elemento html textarea. Es posible que pueda utilizar algún tipo de editor wysiwyg (editable div). es decir. fckeditor

Answer 3

He tratado el mismo problema y descubrí una solución muy estúpida. Asegúrese de que el texto que se mostrará se encuentre dentro de los elementos de etiqueta de inicio y fin en la misma línea y no en la línea siguiente

<textarea name="description" readonly="readonly" rows="4" cols="66">Text aligned toward left</textarea>

y no como

<textarea name="description" readonly="readonly" rows="4" cols="66">
Text aligned toward left
</textarea>

Answer 4

Usar un div común con contenteditable = "verdadero" funcionó en mi caso. Sin embargo, no funciona para la mayoría de los navegadores móviles.

<div contenteditable="true">Some content</div>

Answer 5

Dependiendo de su navegador de destino ... esta solución funciona en Chrome. Sin embargo, no funciona en Firefox ... pero lo publicaré de todos modos.

Además de configurar text-align: justify, también debe establecer white-space: normal.

 textarea {
text-align: justify;
white-space: normal;
}

JSFIDDLE: http://jsfiddle.net/cb5JN/

Answer 6

Funciona bien en Chrome, pero no en IE.

text-align: justificar; espacio en blanco: normal;

Answer 7

Para mí (en Firefox), este código funciona perfectamente:

textarea{
resize: none;
text-align: justify;
white-space: pre-line;
-moz-text-align-last: left;
text-align-last: left;
}