Justifier le Texte dans une page HTML/XHTML TextArea

Je suis en train d'essayer de justifier le texte dans un textarea, malheureusement, le CSS:

text-align: justify;

Ne fonctionne pas sur le texte comme centre, de gauche et de droite ne le. J'ai essayé ceci dans les deux Firefox 3 et internet explorer 7 avec pas de chance.

Est-il un moyen de contourner cela?

OriginalL'auteur Matt | 2009-01-09

  1. 0

    je ne pense pas que cela est possible dans le code html textarea élément. vous pourriez être en mesure d'utiliser une sorte d'éditeur wysiwyg (modifiable div). c'est à dire. fckeditor

    C'est ce que j'ai trouvé ainsi le chalutage par le biais de résultats de recherche Google, en espérant que quelqu'un ici peut savoir quelque chose que j'ai peut-être manqué. Merci.
    Voir aussi ceci la réponse.

    OriginalL'auteur John Boker

  2. 19

    J'ai traité avec le même problème et a trouvé très stupide solution. Assurez-vous que le texte à afficher, relève le début et la balise de fin des éléments dans la même ligne, et pas dans la ligne suivante 

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

    et non pas comme 

    <textarea  name="description" readonly="readonly" rows="4" cols="66">
Text aligned toward left
</textarea>
    en effet il y a un tel problème avec le <textarea>
    Bon Onya mate merci
    très bizarre comment il fonctionne quand tout le code textarea code est sur la même ligne! horrible pour déboguer! grâce, réputation++
    Ne fonctionne pas sous IE 10 et supérieur
    Vous m'avez sauvé beaucoup de temps à s'accoupler. merci

    OriginalL'auteur shweta

  3. 9

    En fonction de votre navigateur cible... cette solution fonctionne dans Chrome. Il ne fonctionne pas de travail dans Firefox, mais... mais je vais le poster quand même.

    En plus de la mise en texte-align: justifier, vous devez également définir white-space: normal.

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

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

    Je confirme, cela fonctionne dans Chrome
    Toutefois, l'ajout du "white-space: normal" provoque IE insérer des espaces à la place des nouvelles lignes lorsque vous appuyez sur entrée!
    Il ne fonctionne pas sous IE
    Afin de permettre l'affichage de la nouvelle lignes, vous devez utiliser white-space: pre-line;. Voir aussi ici.
    Il fonctionne sur Firefox ! merci

    OriginalL'auteur Norman Breau

  4. 2

    Je crois que la pratique courante est d'utiliser le TEXTAREA pour une entrée sans worying sur la justification; et ensuite, une fois que l'entrée est traitée (c'est à dire la FORM est soumis, ou un événement de la TEXTAREA est capturé), le contenu est affiché dans un texte non modifiable élément (comme P, SPAN, TD) où la text-align: justify; attribut de style sera à l'honneur.

    Je suis d'accord, le client est après cette partie de la conception de si, donc, malheureusement, que ce n'est pas approprié pour la situation. Merci bien.
    Alors je pense que la réponse simple est NON. Une recherche Google sur "textarea justifier" montre beaucoup de questions similaires avec pas de solution viable à l'exception peut-être de remplacer le TEXTAREA avec un widget de Texte Riche.
    C'est ce que je devais venir avec ainsi avant de demander ici malheureusement. Merci pour votre aide.

    OriginalL'auteur Ken Paul

  5. 2

    Pour moi (dans Firefox), ce code fonctionne parfaitement:

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

    OriginalL'auteur Olivier

  6. 1

    À l'aide d'un commun div avec contenteditable="true" a fonctionné dans mon cas. Ne fonctionne pas pour la plupart des navigateurs mobiles.

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

    OriginalL'auteur Edo

  7. 0

    Il fonctionne très bien sur Chrome, mais pas sous IE.

    text-align: justifier;
    white-space: normal;

    OriginalL'auteur brunoguarato