TinyMCE V5-工具栏标签在CSS网格内垂直显示

Question

将TinyMCE v5放置在CSS网格内时，工具栏标签将垂直显示。

似乎没有应用“ width：auto”，但是我找不到解决方法。

对于解决此问题，我将不胜感激。

dotnet new SAFE

.hg_grid {
  display: grid;
  grid-template-areas: "header header" "navigation main" "footer footer";
  grid-template-columns: 200px minmax(0, 1fr);
  column-gap: 20px;
  grid-template-rows: 100px 1fr 50px;
  min-height: 100vh;
}
.hg_grid header {
  grid-area: header;
  background: #cccccc;
}
.hg_grid footer {
  grid-area: footer;
  background: #cccccc;
}
.hg_grid main {
  grid-area: main;
  background: #e0e0e0;
}
.hg_grid aside {
  grid-area: navigation;
  background: #b7b7b7;
}

这是上面关于codepen的示例： https://codepen.io/dezertdezine/pen/QYrLKV

Answer 1

我遇到了同样的问题，通过将其添加到我的CSS中来解决了这个问题：

.tox {
    white-space: nowrap!important;
}