Justifier et Center <textarea> texte HTML/CSS?

J'ai un textarea et je veux qu'il soit justifié de sorte que toutes les lignes sont égales en largeur et être centré sur le texte reste dans la moyenne de la zone de texte quand il n'est pas au maximum de la longueur de la ligne.

C'est mon textarea:

<textarea class="Whiteboard" type="text" placeholder="Type something..."></textarea>

...et le CSS:

textarea.Whiteboard{
    resize: none;
    background-color: #F1F1F1;
    border: none;
    height: 500px;
    width: 800px;
    text-align: center;
    font-size: 50px;
}

Merci à vous tous!

Avez-vous essayé text-align: justify; ??
Il n'est pas le centre de la dernière ligne. MODIFIER-Ou la première ligne si son le seul.
Me suis essayé mais sans succès, peut-être [ce][1] aidera? [1]: stackoverflow.com/questions/427039/...
Peut-être que cela aidera? stackoverflow.com/questions/4704896/...
text-align: justifier -> Étire les lignes de sorte que chaque ligne a une largeur égale - s'il y a une seule ligne, il n'y a rien pour l'étirer à l'encontre de sorte qu'il fonctionne comme prévu. En va de même pour la dernière ligne de l'aligner avec la ligne ci-dessus avec l'un en dessous.

OriginalL'auteur James Hewitt | 2014-08-20

  1. 8

    Malheureusement, il n'existe pas de béton CSS solution au moment de la rédaction pour obtenir le résultat souhaité.

    Cependant CSS niveau 3 a introduit une fonctionnalité sous le nom de text-align-last pour gérer l'alignement de la dernière ligne d'un bloc:

    7.3 Dernière Ligne de l'Alignement: le text-align-last propriété

    Cette propriété décrit la façon dont la dernière ligne d'un bloc ou une ligne droite
    avant un saut de ligne forcé est aligné.

    Mais il est encore en Projet de Travail état. D'où la prise en charge du navigateur n'est pas assez bon pour s'appuient sur cette technologie (C'est toujours buggy sur Chrome 35 et ne fonctionne que sur Firefox 12+).

    Voici un exemple dont je ne suis pas en mesure de vérifier (à cause de mon FF4. Oui! honte sur moi):

    textarea {
    white-space: normal;
    text-align: justify;
    -moz-text-align-last: center; /* Firefox 12+ */
    text-align-last: center;
}
    Merci!!!! A parfaitement fonctionné!
    Afin de permettre de montrer les nouvelles lignes, vous devez utiliser 'white-space: pre-line; "au lieu de" white-space:normal;'. Voir aussi ici.

    OriginalL'auteur Hashem Qolami

  2. -1

    Afin de centrer l'élément textarea, vous devez le déclarer comme un élément de bloc en CSS, puis ajouter typique de centrage règles, si nécessaire.

    textarea { display: block; margin: 0 auto; }

    Je cherchais une réponse à cela et ne pouvait pas trouver ce que je cherchais; d'où ce post.

    consultez cette première meta.stackoverflow.com/questions/251361/...

    OriginalL'auteur Paul Latour