html - 在 HTML/XHTML TextArea 中对齐文本

Question

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

text-align: justify;

不适用于像中心、左和右这样的文本。我已经在 Firefox 3 和 IE 7 中尝试过，但没有成功。

有没有办法解决？

score 22 · Accepted Answer

我处理了同样的问题，发现了非常愚蠢的解决方案。确保要显示的文本位于同一行的开始和结束标记元素内，而不是下一行

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

score 19 · Accepted Answer

根据您的目标浏览器...此解决方案适用于 Chrome。然而，它在 Firefox 中不起作用......但无论如何我都会发布它。

除了设置 text-align: justify 之外，还必须设置 white-space: normal。

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

score 2 · Accepted Answer

我相信通常的做法是使用TEXTAREAfor 输入而不用担心理由；然后，一旦输入被处理（即FORM提交，或TEXTAREA捕获的事件），内容将显示在一个不可编辑的文本元素（例如，，，P）中，SPAN样式属性将被尊重。TDtext-align: justify;

score 2 · Accepted Answer

对我来说（在 Firefox 中），这段代码运行良好：

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

score 1 · Accepted Answer

在我的情况下，使用带有 contenteditable="true"的通用div 有效。但不适用于大多数移动浏览器。

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

0

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

文本对齐：对齐；空白：正常；

于 2014-11-13T09:45:44.920 回答

7 回答 7