尽管光标位于行的开头，但react-monaco-editor文本仍显示在编辑器的中间

Question

我创建了一个简单的react应用来尝试与my.css一起玩。这是我的代码。

react-monaco-editor

由于某种原因，编辑器中的文本显示在中间，并且我的光标位于预期的行首。

这是问题的屏幕截图。

Answer 1

这可能是一个老问题，但是在React的默认App.css中有一行将文字对齐方式设置为居中。 如果看起来与此类似：

.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #09d3ac;
}

您可以删除此部分：

.App {
  text-align: center;
}