为什么“文本对齐：正确”不适用于 Firefox 中的空 contenteditable 元素？答案

【问题标题】：Why "text-align: right" doesn't work on empty contenteditable element in Firefox?为什么“文本对齐：正确”不适用于 Firefox 中的空 contenteditable 元素？
【发布时间】：2013-06-07 12:35:35
【问题描述】：

考虑以下问题：(Live Demo)

HTML：

<div contenteditable></div>

CSS：

div {
  text-align: right;
}

当你点击div在Firefox中时，光标位于左侧（看起来text-align: right;没有效果）。但是，如果您开始输入，text-align: right; 就会开始生效。

这是为什么呢？任何想法如何解决这个问题？

【问题讨论】：

不能更改，光标总是从左边开始
@Doorknob，您使用哪个 Firefox 版本？
一个长镜头，但尝试在末尾添加="true" 到contenteditable。 Firefox 文档中的示例使用该语法。
@Doorknob，它在 Firefox 21.0 中对我不起作用。
我有 v20.0 并且我看到了同样的问题。

标签： css html firefox contenteditable text-align

【解决方案1】：

这可以通过像这样的简单更改来实现：

<div contenteditable>&nbsp;</div>

我们强制在其中留一个空格。

好吧，如果空间很重要，我认为您有问题。但我希望这会有所帮助:)

【讨论】：