Выравнивание текста в текстовой области HTML / XHTML

Question

В настоящее время я пытаюсь обосновать текст в текстовой области, к сожалению, CSS:

text-align: justify;

Не работает с текстом, например по центру, слева и справа. Я попробовал это как в Firefox 3, так и в IE 7, но не повезло.

Есть ли способ обойти это?

Answer 1

Я имел дело с той же проблемой и нашел очень глупое решение. Убедитесь, что отображаемый текст находится внутри элементов начального и конечного тега в одной строке, а не в следующей строке

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

а не как

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

Answer 2

В зависимости от вашего целевого браузера ... это решение работает в Chrome. Однако в Firefox это не работает ... но я все равно выложу.

В дополнение к настройке выравнивания текста: выровнять, вы также должны установить пробел: нормальный.

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

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

Answer 3

Для меня (в Firefox) этот код отлично работает:

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

Answer 4

Я считаю, что обычной практикой является использование TEXTAREA для ввода, не думая об оправдании; и затем, когда входные данные обработаны (т. е. отправлено FORM или зафиксировано событие TEXTAREA), содержимое отображается в не редактируемом текстовом элементе (например, P, SPAN , TD), где будет учитываться атрибут стиля text-align: justify;.

Answer 5

Использование общего div с contenteditable = "true" работает в моем случае. Не работает для большинства мобильных браузеров.

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

Answer 6

Отлично работает на Chrome, но не на IE.

text-align: justify; пробел: нормальный;

Answer 7

Я не думаю, что это возможно в элементе html textarea. Вы можете использовать какой-нибудь редактор wysiwyg (редактируемый div). то есть. FCKeditor