在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的