Css 如何在水平行中显示Plot.ly模式栏图标

Css 如何在水平行中显示Plot.ly模式栏图标,css,plotly,plotly.js,Css,Plotly,Plotly.js,我在Wordpress网站上添加了一个简单的plotly图表,modebar(即图标工具箱)在图表的右上角显示为一个块() 如何使modebar显示为水平行,如Plot.ly文档所示 我已经尝试更改元素.modebar和.modebar container的各种CSS设置,但无法解决问题 谢谢你的任何想法和建议 我找到了解决方案:我使用的WordpRess主题,“TwentyTwenty”style.css使用以下设置将Plot.ly模式栏弄乱: svg, img, embed, object

我在Wordpress网站上添加了一个简单的plotly图表,modebar(即图标工具箱)在图表的右上角显示为一个块()

如何使modebar显示为水平行,如Plot.ly文档所示

我已经尝试更改元素
.modebar
.modebar container
的各种CSS设置,但无法解决问题


谢谢你的任何想法和建议

我找到了解决方案:我使用的WordpRess主题,“TwentyTwenty”style.css使用以下设置将Plot.ly模式栏弄乱:

svg, img, embed, object {
    display: block;
}
纠正相当简单,如下所示:

svg {
    display: inherit;
}