html - 带有右对齐文本的 webkit TextArea 不显示空格字符

Question

似乎正在影响 webkit 浏览器(Safari、Chrome、Android、iOS)。在 Firefox 上运行良好。

展示比解释容易，请看这里:

<textarea style="text-align:right;"></textarea>
<input type="text" style="text-align:right;"></input>

Fiddle

在 TextArea 中，空格字符不会出现，直到您键入下一个字符。例如，尝试键入“Hello World”，并在“O”和“W”之间留出 5 个空格，您会注意到只有键入字母“W”后才会出现空格。输入字段似乎没有这个问题。我想知道这个问题是否有解决方法。

Answer 1

尝试使用

<textarea style="text-align:right; white-space: nowrap;"></textarea>
<input type="text" style="text-align:right; white-space: nowrap;"></input>

JSFIDDLE

你需要这样吗？

NEW JSFIDDLE

代码是

 <textarea style="text-align:right; white-space: normal; wrap:hard;" rows="3" cols="30"></textarea>