请考虑以下事项：(Live Demo)
HTML：
<div contenteditable></div>
CSS：
div {
text-align: right;
}
点击Firefox中的div 时，光标位于左侧（看起来text-align: right;无效）。但是，如果您开始输入，text-align: right;将开始生效。
为什么？任何想法如何解决这个问题？
答案 0 :(得分：4)
这可以通过这样的简单改变来实现：
<div contenteditable> </div>
我们在其中强制留空。
如果空间很重要，我认为你有问题。但我希望这有助于：）