Javascript 在firefox上，光标未居中于文本居中的空可编辑锚定中

我在应用程序中有一些

锚定

标记作为按钮，其中

内容可编辑

设置为

真

，

tex align

设置为

中心

但是如果锚点中没有文本，则光标应该居中，因为

tex align

设置为

center

，并且在chrome上工作正常，但在firefox上，当没有键入任何内容时，光标会显示在最左边

以下是HTML代码供参考：

<a class="editable" contenteditable>

</a>

或者在chrome和firefox上尝试此代码笔：

---

我知道这是Firefox的一个bug，但有没有办法解决这个问题？

如果你开始键入，你会看到光标确实居中。所以这不是一个真正的问题？@KIKOSoftware是的，在键入第一个字符后，它会居中，这是一个问题，我相信这是一个问题，因为一个按钮可能是屏幕宽度的100%，它可能会让用户对正在发生的事情感到困惑，这就是要求，如果您在可编辑块中放置一个

，它会起作用。您可以在以后处理内容时将其剥离。作为

@KIKOSoftware，它也可以处理一些无害的东西，不幸的是，它们都是保存到AWS的一些HTML文件（页面），因此可能会有许多用户拥有自己的HTML副本，我不能在他们的HTMLYou's welcome，请记住5%（或更多）可能无法在浏览器中使用

contenteditable

，请参阅：

.editable {
  display:block;
  color: red;
  border:1px solid red;
    height: 100px;
  width:100%;
  text-align:center;

}