在HTML / XHTML TextArea中對齊文本

Question

我目前正在嘗試在textarea中證明文本，不幸的是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中無法正常工作......但無論如何我都會發布它。

除了設置text-align：justify之外，還必須設置white-space：normal。

    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的事件），內容就會顯示在text-align: justify;的不可編輯的文本元素（如P ， SPAN ， TD ）中text-align: justify; style屬性將被尊重。

Answer 5

在我的案例中使用具有contenteditable =“true”的公共div 。 但是對大多數移動瀏覽器不起作用。

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

Answer 6

它適用於Chrome，但不適用於IE。

text-align：justify; 白色空間：正常;

Answer 7

我認為這不可能在html textarea元素中。 你也許可以使用某種所見即所得的編輯器（可編輯的div）。 即。 FCKeditor的