Javascript Plotly modebar在两行而不是一行上运行

创建打印时，我的Plotly modebar在两行上运行，而不是一行。有什么想法吗

通常modebar运行在一行上，就像我看到的所有示例一样

更新：

以下是父div.main和plot div.plot-panel的CSS：

div.main-content
{
  border: 1px solid white;
  background-color: #EBEDEB;
  display: inline-block;
  float: none;
  left: 162px;
  height: 86.6%;
  margin: 0px;
  top: 114px;
  position: absolute;
  width: 90%;
}

div.plot-panel
{
 border: 1px solid #EFF2EF;
 background-color: #FFFFFF;
 border-radius: 1%;
 display: inline-block;
 float: none;
 height: 350px;
 left: 600px;
 right: 0px;
 margin: 0px;
 position: absolute;
 top: 390px;
 width: 600px;
}

---

我用你的代码创建了一个JSFIDLE来测试这一点（不包括导出函数），modebar看起来很好：你能给我们展示一下plot div的html样式和css（如果有的话）吗？也许你可以编辑上面的FIDLE来重现这个问题？您在“plot”div中生成了plotly图表，但您添加的css似乎是该div的父级。我确信，您的modebar没有在一行中显示的根本问题与“plot”div容器或父级div有关。是的，建议不错。我一直在尝试删除CSS元素，看看问题出在哪里。但努力重现这个问题是一个好办法。谢谢，我想好了。以下CSS元素导致问题：

.active{display:inherit；}

已将其删除，不再出现问题。谢谢你的帮助。我用你的代码创建了一个JSFIDLE来测试这个（不包括导出函数），modebar看起来很好：你能给我们展示一下你的plot div的html样式和css（如果有的话）吗？也许你可以编辑上面的FIDLE来重现这个问题？您在“plot”div中生成了plotly图表，但您添加的css似乎是该div的父级。我确信，您的modebar没有在一行中显示的根本问题与“plot”div容器或父级div有关。是的，建议不错。我一直在尝试删除CSS元素，看看问题出在哪里。但努力重现这个问题是一个好办法。谢谢，我想好了。以下CSS元素导致问题：

.active{display:inherit；}

已将其删除，不再出现问题。谢谢你的帮助。

div.main-content
{
  border: 1px solid white;
  background-color: #EBEDEB;
  display: inline-block;
  float: none;
  left: 162px;
  height: 86.6%;
  margin: 0px;
  top: 114px;
  position: absolute;
  width: 90%;
}

div.plot-panel
{
 border: 1px solid #EFF2EF;
 background-color: #FFFFFF;
 border-radius: 1%;
 display: inline-block;
 float: none;
 height: 350px;
 left: 600px;
 right: 0px;
 margin: 0px;
 position: absolute;
 top: 390px;
 width: 600px;
}