在HTML/XHTML文本区域中对齐文本

我目前正试图证明文本区域中的文本是正确的，不幸的是CSS：

text-align: justify;

对文本不起作用，如居中、左和右。我在Firefox3和IE7中都尝试过这个，但没有成功

---

有什么办法可以解决这个问题吗？

我认为通常的做法是使用

文本区域

进行输入，而不必担心其合理性；然后，一旦处理输入（即提交

表单

，或捕获

文本区域

的事件），内容将显示在不可编辑的文本元素中（例如

P

，

SPAN

，

TD

），其中

文本对齐：对齐样式属性将得到尊重。
我认为这在html textarea元素中是不可能的。您可能能够使用某种所见即所得编辑器（可编辑div）。我处理了同样的问题，发现了非常愚蠢的解决方案。确保要显示的文本位于同一行的“开始”和“结束”标记元素中，而不是在下一行中

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


文本向左对齐
在我的案例中，使用一个通用的。但对于大多数移动浏览器来说并不适用

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

一些内容
取决于您的目标浏览器。。。此解决方案在Chrome中工作。但它在Firefox中不起作用。。。不过我还是会把它贴出来的

除了设置文本对齐：对齐外，还必须设置空白：正常

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

jsiddle:
它在Chrome上运行良好，但在IE上不行

文本对齐：对齐；
空白：正常
 对于我（在Firefox中），这段代码工作得非常完美：

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

我同意，但客户希望将此作为设计的一部分，因此不幸的是，这不适合这种情况。不过谢谢。那么我想简单的答案是否定的。谷歌搜索“textarea justify”时会发现很多类似的问题，除了用富文本小部件替换
textarea
之外，没有可用的解决方案。不幸的是，这也是我在这里提问之前想到的。谢谢你的帮助。这就是我在谷歌搜索结果中找到的，只是希望这里的人知道我可能错过的东西。谢谢。另请参阅答案。当所有代码文本区号都在同一行时，它的工作方式非常奇怪，这就是问题所在！调试太可怕了！谢谢，亲爱的朋友们。。。你在评论之前测试过这个吗！！！但是，在HTML5中不适用于我，添加“空白：正常”会导致IE在按enter键时插入空格而不是新行！为了允许显示新行，必须使用空白：pre line；。另请参见。现在它在没有空格属性的情况下也可以工作。