在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

我认为这在 html textarea 元素中是不可能的。您也许可以使用某种所见即所得编辑器（可编辑 div）。IE。fck编辑器